爲什麼我不能在匿名替換元素中使用html實體？

Question

匿名替換元素與:before或:after

使用的內容見https://developer.mozilla.org/en-US/docs/CSS/content

下面是一個例子：

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

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

的問題是HTML實體不是由他們caracters取代，我還看到他們碼。

Answer 1

CSS不是HTML。只需使用

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

在需要的情況下，您也可以使用unicode hexa來轉義您的字符。

例如，對於▶：

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

但你並不需要逃避<也不>，即使你嵌入到一個HTML文件的<style>元素你的CSS。

爲了以防萬一（它可能不會對您的HTML編輯器造成干擾），它們的代碼將是\003C和\003E。