CSS 組み合わせ selector_html/css_WEB-ITnose

1. すべての子孫要素を選択します

div p

{
background-color: yellow;
}

div 要素のすべての子孫 p 要素を選択します。子要素、子要素にすることができます...

2. 大なり記号> すべての直接サブ要素を選択します

div>p
{
background-color: yellow;
}

div 要素の 1 つのレベルのみを選択します。 elements

3. チルダ~ 同じレイヤー上のすべての兄弟要素を選択します
div~p
{
background-color: yellow;
}

div 要素の同じレイヤー上のすべての兄弟要素を選択します

4. プラス記号 + 同じレイヤーの最初の兄弟要素を選択します

div+p
{
background-color: yellow;
}

div 要素の同じレイヤーの最初の兄弟要素を選択します

5. p: first-child は最初の p 要素を選択します

p:first-child

{
color:blue;
}

最初の p 要素を選択します