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>

データ属性(data-*属性)の使用方法 (javascript)