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

Question

匿名替换元素是与:before或:after

一起使用的内容

请参阅https://developer.mozilla.org/en-US/docs/CSS/content

以下是一个例子：

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

.invalid:after {
  content: '>';
  color: red;
}

问题是HTML实体没有被他们的角色取代，我仍然看到他们的代码。

Answer 1

CSS不是HTML。只需使用

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

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

例如▶：

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

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

以防万一（对HTML编辑器可能不那么令人不安），他们的代码为\003C和\003E。