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;}