Combinatoare CSS. Selectorul descendent. Elementele p și div. Selectorul child.

Susține Lectii-Virtuale!

CSS Combinators

Un combinator este ceva care explică relația dintre selectori.
Un selector CSS poate conține mai mult de un simplu selector. Între selectoarele simple, putem include un combinator.
Există patru combinatoare diferite în CSS:
 

• selector descendent (spațiu)
• selector child (>)
• selector sibling adiacent (+)
• selector sibling general (~)

Selector descendent

Selectorul descendent se potrivește cu toate elementele care sunt descendenți ai unui element specificat.

Următorul exemplu selectează toate elementele <p> din elementele <div>:

Exemplu:

div p {
  background-color: yellow;
}

Selectorul Child

Selectorul child selectează toate elementele care sunt copiii unui element specificat.

Următorul exemplu selectează toate elementele <p> care sunt copiii unui element <div>:

Exemplu:

div > p {
  background-color: yellow;
}