CSS3 element1~element2Selektoren

Vollständiges CSS-Selektor-Referenzhandbuch

Beispiel

Legen Sie die Hintergrundfarbe für jedes ul-Element fest, das unter demselben übergeordneten Element auf ein p-Element folgt:

p~ul
{
background:#ff0000;
}

Selbst ausprobieren »

Definition und Verwendung

element1~element2Der Selektor trifft auf element2 zu, das nach element1 erscheint.

element1undelement2Diese beiden Elemente müssen dasselbe übergeordnete Element haben, aberelement2muss nicht unmittelbar danach kommenelement1Danach.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen ihn.element1~element2Selektor.

Hinweis:Um diesen Selektor in IE8 und früheren Versionen zu verwenden, müssen Sie<!DOCTYPE> deklarieren。


Vollständiges CSS-Selektor-Referenzhandbuch

Weitere Erweiterungen