我试图使用标记在html文档中创建一个Text节点,该节点不会影响表示并且没有语义,以便触发:empty
伪类。
以下是代码(copied from here):
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>
在查看了Character Entity Reference Chart之后,我不清楚ZeroWidthSpace
是否适合此目的:
<td>​</td>
有没有一种方法可以使用html标记创建没有任何语义含义的Text节点?
答案 0 :(得分:0)
ALT+0160
 
\00A0
这可能有用吗?这是一个不间断的空间
答案 1 :(得分:0)
一年后,我学会了there is indeed一个空实体引用来创建一个没有任何意义的文本节点:
�
也写为�
。
根据其他问题中对“无意义”的理解,其他可能的答案包括:
␀
或␀字符NUL ∅
或∅字符为空集