CSS レベル セレクターのレビュー-2_html/css_WEB-ITnose

1. 階層セレクター

HTML DOM 要素間の階層関係を通じて要素を取得します。階層関係には、特定の種類の関係を通じて、すばやく簡単に選択できます。要素

2. 構文

3. 互換性

包含セレクター

関数: 要素の子孫要素を選択できます

例: [E F]、F 要素を選択します。F 要素が E 要素の子要素であるか、孫要素であるか、またはより深い関係であるかに関係なく、選択されます

注: 子孫セレクターの 2 つのセレクター間に他の記号を挿入することはできません

5. 子要素セレクター

は特定の要素の子要素のみを選択できます

範囲は、子孫セレクター

6. 隣接する兄弟セレクター

同じ親要素 (前の要素ではなく後の要素) を持つ別の要素の直後の要素を選択できます

7. ユニバーサル兄弟セレクター

は、に新しく追加されました。要素の選択に使用される CSS3 要素の背後にあるすべての兄弟要素は、隣接する兄弟セレクターと同様に、同じ親要素内にあり、隣接する兄弟セレクターよりも広い範囲を持ちます。