HTMLで設定したデータ属性(data-*)をCSSで使用する
ul li::after {
content: attr(data-deco-after);
color: red;
}<ul>
<li data-deco-after="check!!">いろはにほへと</li>
<li data-deco-after="check!!">ちりぬるを</li>
<li data-deco-after="check!!">わかよたれそ</li>
</ul>ul li::after {
content: attr(data-deco-after);
color: red;
}<ul>
<li data-deco-after="check!!">いろはにほへと</li>
<li data-deco-after="check!!">ちりぬるを</li>
<li data-deco-after="check!!">わかよたれそ</li>
</ul>