Я пытаюсь использовать разметку для создания узла Text в html-документе, который не влияет на презентацию и не имеет семантического значения, чтобы заставить срабатывать псевдокласс :empty
.
Вот код ( скопированный отсюда ):
th::after { content: attr(data-value) }
td::after { content: attr(data-value) }
td[data-value]:not(:empty) {
color: fuchsia;
}
<table>
<tr>
<th data-value="Peter"></th>
<td data-value="male">​</td>
<td data-value="34"></td>
</tr>
<tr>
<th data-value="Susanne"></th>
<td data-value="female"></td>
<td data-value="12"></td>
</tr>
<tr>
<th data-value="Lucas"></th>
<td data-value="male">​</td>
<td data-value="41"></td>
</tr>
</table>
После просмотра справочной таблицы для персонажа мне неясно, подойдет ли ZeroWidthSpace
для этой цели:
<td>​</td>
Есть ли способ использовать html-разметку для создания текстовых узлов без какого-либо семантического значения?