[HTML/CSS]クラス要素の非指定方法

短いですが使い道がありそうなので、書いておきます。

指定した要素がついていない時の装飾を設定できます。

『:not(クラス要素、またはID要素)』

//「active」という名前のクラス要素がついていない時はフォントカラーを赤くする
.sample:not(.active){
        color:red;
}

//「active」という名前のクラス要素がついていない時はフォントカラーを赤くする

.sample:not(.active){

color:red;

}

マウスオーバーした時の装飾の変更などに使えるかも。

RECOMMENDこちらの記事も人気です。