CSS element1 ~ element2 Selector
Příklad
Nastavte barvu pozadí pro všechny prvky <ul>, kterým předchází prvek <p> se stejným rodičem:
p ~ ul
{
background: #ff0000;
}
Definice a použití
Selektor element1 ~ element2 odpovídá výskytům elementu2 , kterým předchází element1 .
Oba elementy musí mít stejného rodiče, ale elementu2 nemusí bezprostředně předcházet element1 .
Verze: | CSS3 |
---|
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Syntaxe CSS
element ~ element {
css declarations;
}