MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

General sibling selectors

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Resumo

O combinador ~ separa dois seletores e corresponde ao segundo elemento somente se ele for precedido pelo primeiro, e ambos compartilham um pai comum.

Sintaxe

element ~ element { style properties }

Exemplo

p ~ span {
  color: red;
}
<span>This is not red.</span>
<p>Here is a paragraph.</p>
<code>Here is some code.</code>
<span>And here is a span.</span>
<code>More code...</code>
<span>And this is also red.</span>

Especificações

Specification Status Comment
Selectors Level 4
The definition of 'following-sibling combinator' in that specification.
Rascunho atual  
Selectors Level 3
The definition of 'general sibling combinator' in that specification.
Recomendação  

Browser's compatíveis

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 (Yes) 1.0 (1.7 or earlier) 7 9 3
Feature Firefox Mobile (Gecko) Android Edge IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

 

Veja mais

Etiquetas do documento e colaboradores

 Colaboradores desta página: interaminense
 Última atualização por: interaminense,