HTML5の独自データ属性にCSSを充てる方法
- テスト１
- テスト２
- テスト３
実際に使っているHTMLとCSSは以下になります。
<ul>
<li data-css="red">テスト１</li>
<li data-css="bleu">テスト２</li>
<li data-css="yellow">テスト３</li>
</ul>
ul li[data-css="red"] {color:#c00;}
ul li[data-css="bleu"] {color:#0c0;}
ul li[data-css="yellow"] {color:#00c;}