はじめに

開発している中で、「公開、非公開などのステータスの値によってCSSで背景の色を変えたい」ということがありました。
活性・非活性でSCCを変化させるやり方はわかるのですが
公開前, 公開中, 公開終了, 非公開という4つのステータスによってCSSを変化させるのはどうやるのだろうか、、、、
ということで記事にしていきます。

基本から

まず、活性・非活性でCSSを変えるのはこうでした。

template

<di ...