css3 に新たに追加された selector_html/css_WEB-ITnose

css3 で新しく追加されたセレクター

1. 属性セレクター:

E[attr] 属性名がある限り
E[attr=value] 属性名 = 属性値
E[attr~=blue] には、全体が青 単語だけ
E[attr^=c]
E[attr$=b] c で始まる
E[attr*=a] b で終わる
E[attr*=a]文字 a を含む

E[attr| =z] 文字 z- で始まるか、文字 z

である限り 2 構造擬似クラス セレクター:

E:nth-child(n) nth子ノード
div:nth-child(odd ) 奇数行
div:nth-child(even) 偶数行
div:nth-child(2n) 2の倍数

E:nth-last-child(n) からのn番目the last

3. その他:

E:empty empty element
E:first-child 最初の子ノードは E:nth-child(1)
E:last-child と同等です 最後の子ノードは同じですas E:nth-last-child(1) ) 同等

* 他の兄弟ノードは存在できないことに注意してください

E:target アンカー要素のスタイル
div:target{width:100px;}

アンカーがある限り #div1 をクリックすると、上記のターゲット スタイルが有効になります
E:無効 フォーム要素の設定が無効になります
E:有効 クリック可能なフォーム要素

E:チェックが入っていることを示しますチェックボックスまたはラジオ

テキストの新しい疑似クラス:
E :first-line 最初の行
E:first-letter 最初の単語
E::selection テキストを選択するとき

E::before E の前に何かを追加タグはコンテンツと一緒に使用する必要があります

E::after E タグ 後で何かを追加します
E:before E:after 一重引用符も使用できます
E:not(s) には s
h1:not( .red) クラス red の h1 要素を除外します

E~F E 以降の F 兄弟ノード 🎜