* {}
#id名 {}
.クラス名 {}
セレクタ1 セレクタ2 {}
半角スペースで区切る。
セレクタ1の中にあるセレクタ2にのみ反映。
セレクタ , セレクタ {}
コンマで区切る。
class="クラス名1 クラス名2"
半角スペースで区切る。
セレクタ1:not(セレクタ2) {}
セレクタ1の中のセレクタ2以外に反映。
セレクタ1:not(セレクタ2):not(セレクタ3) {}
セレクタ1の中のセレクタ2と3以外に反映。
セレクタ名:first-child {}
複数ある要素の最初(最後の場合は:last-child)の要素のみcssが反映される。
セレクタ名:not(:first-child) {}
複数ある要素の最初(最後の場合は:last-child)以外の要素にcssが反映される。
セレクタ名:first-letter {}
最初の文字のみcssが反映される。
セレクタ名:first-line {}
最初の行のみcssが反映される。
セレクタ名:nth-of-type(n) {}
複数要素の最初からn番目にのみ反映
セレクタ名 :nth-last-of-type(n) {}
複数要素の最後から(最後から数えて)n番目にのみ反映
セレクタ名:nth-of-type(odd) {}
複数要素の奇数の要素にのみ反映。(2n+1)でも可。
偶数の場合は(even)又は(2n)を入れる。
属性は、id、class、title、href など
値は属性で指定した、id名、class名、タイトル、url など
セレクタ[属性] {}
セレクタで指定した要素の中で、[]内の属性を持つ要素のみ反映。
セレクタ[属性][属性] {}
セレクタで指定した要素の中で、[]内の2つの属性を両方持つ要素のみ反映。
セレクタ[属性="値"] {}
セレクタで指定した要素の中で、属性が[]内の値と一致する要素にのみ反映。
セレクタ[属性*="値"] {}
セレクタで指定した要素の中で、属性が[]内の値を含む要素にのみ反映。
セレクタ[属性^="値"] {}
セレクタで指定した要素の中で、属性が[]内の値で始まる要素にのみ反映。
セレクタ[属性$="値"] {}
セレクタで指定した要素の中で、属性が[]内の値で終わる要素にのみ反映。