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

Combinadores em CSS

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

CSS Combinadores

Um elemento de combinação é algo que explica a relação entre os selectores.

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 (~)