CSS チートシート

CSS のチートシートを紹介。随時更新中。

  1. 属性の有無を判別 [class] or :not([class])

属性の有無を判別 [class] or :not([class])

class や alt、href など属性の有無で判別する場合 [class]:not([class]) を利用します。

指定した属性(class)がある場合に適用。

a[class] {color:red;}

指定した属性(class)がない場合に適用。

a:not([class]) {color:red;}

属性は任意の値に変更してください。

まとめ

CSS のチートシートを紹介しました。