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

Publicado a 15/03/2019, 03:51 por Luis Pitta ‎[org]‎   [ atualizado a 18/05/2020, 03:44 ]

Combinadores em CSS


CSS Combinadores

NotaUm 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.

quatro combinadores diferentes em CSS 3:

    1. seletor descendente (space)
    2. seletor filho (>)
    3. seletor irmão adjacente (+)
    4. selector irmão em geral (~)



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