読者です 読者をやめる 読者になる 読者になる

カスタムデータ属性で CSSを効かせる

CSS

HTML5 のカスタムデータ属性で CSSを効かせる方法、

例) td タグに、data-date="2016/09/04" にある場合、

td[data-date="2016/09/04"]{
   background-color: #ffc0cb !important;
}

のように書く。

data 属性の値はプログラムで動的に付与していくケースがほとんどと思われるので、

^= の記述で、

      td[data-date^="2016/09/"]

と書けば、2016年 9月の td タグにスタイルを充てることができる。

あるいは、jQuery を走らせて CSS をセットすれば、動的な表示に対するスタイルも充てられるだろう。