CSS element1 ~ element2 Selektor
Beispiel
Legen Sie eine Hintergrundfarbe für alle <ul>-Elemente fest, denen ein <p>-Element mit demselben übergeordneten Element vorangestellt ist:
p ~ ul
{
background: #ff0000;
}
Definition und Verwendung
Der Selektor element1 ~ element2 vergleicht Vorkommen von element2 , denen element1 vorangestellt ist .
Beide Elemente müssen dasselbe übergeordnete Element haben, aber element2 muss nicht unmittelbar von element1 vorangestellt werden .
Ausführung: | CSS3 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS-Syntax
element ~ element {
css declarations;
}