匿名で置き換えられた要素は、:before
またはで使用されるコンテンツです:after
https://developer.mozilla.org/en-US/docs/CSS/contentを参照してください
次に例を示します。
.valid:after {
content: '<';
color: green;
}
.invalid:after {
content: '>';
color: red;
}
問題は、HTMLエンティティが文字に置き換えられておらず、コードが表示されていることです。