是否有一个字符实体,什么都没有?

时间:2019-01-09 12:03:51

标签: html css escaping character

我试图使用标记在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">&#x0200B;</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">&#x0200B;</td>
    <td data-value="41"></td>
  </tr>
</table>

在查看了Character Entity Reference Chart之后,我不清楚ZeroWidthSpace是否适合此目的:

<td>&ZeroWidthSpace;</td>

有没有一种方法可以使用html标记创建没有任何语义含义的Text节点?

2 个答案:

答案 0 :(得分:0)

ALT+0160
&nbsp;
&#160;
\00A0

这可能有用吗?这是一个不间断的空间

答案 1 :(得分:0)

一年后,我学会了there is indeed一个空实体引用来创建一个没有任何意义的文本节点:

&#0;也写为&#x0;

根据其他问题中对“无意义”的理解,其他可能的答案包括:

  • &#x2400;或␀字符NUL
  • &#x2205;或∅字符为空集