Seletor CSS element1 ~ element2
Exemplo
Defina uma cor de fundo para todos os elementos <ul> que são precedidos por um elemento <p> com o mesmo pai:
p ~ ul
{
background: #ff0000;
}
Definição e uso
O seletor element1 ~ element2 corresponde às ocorrências de element2 que são precedidas por element1 .
Ambos os elementos devem ter o mesmo pai, mas element2 não precisa ser imediatamente precedido por element1 .
Versão: | CSS3 |
---|
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao seletor.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Sintaxe CSS
element ~ element {
css declarations;
}