css - 匿名で置き換えられた要素でhtmlエンティティを使用できないのはなぜですか？

Question

匿名で置き換えられた要素は、:beforeまたはで使用されるコンテンツです: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ヘキサを使用して文字をエスケープすることもできます。

たとえば▶：

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

ただし、CSSをHTMLファイルの要素に埋め込んだとして<も、エスケープする必要はありません。><style>

念のため（HTMLエディタの邪魔にならないかもしれません）、それらのコードはとに\003Cなり\003Eます。

1 に答える 1