CSS: Combinadores: espaço, >, + e ~

Combinadores em CSS

Retirado de www.w3bai.com/pt/css/css_combinators.html:

CSS Combinadores

Um seletor CSS pode conter mais de um seletor simples. Entre um par de seletores simples, podemos incluir um elemento de combinação.

Há quatro combinadores diferentes em CSS 3:

• 1. seletor descendente (space)

  2. seletor filho (>)

  3. seletor irmão adjacente (+)

  4. selector irmão em geral (~)

Retirado do W3Schools www.w3schools.com/css/css_combinators.asp:

CSS Combinators

A combinator is something that explains the relationship between the selectors.

A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator.

There are four different combinators in CSS:

• • • descendant selector (space)

    • child selector (>)

    • adjacent sibling selector (+)

    • general sibling selector (~)