CSS element1 ~ element2 Selector
Voorbeeld
Stel een achtergrondkleur in voor alle <ul>-elementen die worden voorafgegaan door een <p>-element met dezelfde ouder:
p ~ ul
{
background: #ff0000;
}
Definitie en gebruik
De selector element1 ~ element2 komt overeen met exemplaren van element2 die worden voorafgegaan door element1 .
Beide elementen moeten dezelfde parent hebben, maar element2 hoeft niet direct voorafgegaan te worden door element1 .
Versie: | CSS3 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS-syntaxis
element ~ element {
css declarations;
}