[CSS] 基本メモ: セレクタいろいろ

N番目に来る要素を選択する

div要素の子要素のうち2番目に来るものがp要素だったら

div要素の子要素のうち2番目に来る任意の要素

順番指定のバリエーション

  • 2 – 2番目
  • odd – 奇数番目
  • even – 偶数番目
  • 3n – 3の倍数(3,6,9,12,…)
  • 3n+1 – 3の倍数+1(4,7,10,13,…)

div要素の最初の子要素

div要素の最後の子要素

div要素の子要素が1つだけある場合

ある要素のうちN番目に来る要素を選択する

div要素の子要素のp要素のうち、2番目のもの

div要素の子要素のp要素のうち、最初のもの

div要素の子要素のp要素のうち、最後のもの

div要素の子要素のp要素のうち、p要素が1つだけあれば

要素の状態から選択する

テキスト型の入力項目でdisabledのもの

ラジオボタン型の入力項目でチェックされているもの直後にあるラベル

参考サイト

スタイルシートリファレンス(目的別)
http://htmq.com/style/index.shtml#sel