css - 为什么我不能在匿名替换元素中使用 html 实体？

Question

匿名替换元素是与:beforeor一起使用的内容:after

这是一个例子：

.valid:after {
  content: '&lt;';
  color: green;
}

.invalid:after {
  content: '&gt;';
  color: red;
}

问题是 HTML 实体没有被它们的字符替换，我仍然看到它们的代码。

score 4 · Accepted Answer

CSS 不是 HTML。只需使用

.valid:after {
  content: '<';
  color: green;
}

如果需要，您还可以使用 unicode hexa 转义您的字符。

例如 ▶ ：

.valid:after {
  content: '\25B6';
  color: green;
}

但是，即使您将 CSS 嵌入HTML 文件的元素中，您<也不需要转义。><style>

以防万一（它可能不会对您的 HTML 编辑器造成干扰），它们的代码将是\003Cand \003E.

1 回答 1