English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Allgemeiner Brüder-Selektor, Position muss nicht benachbart sein, nur auf der gleichen Ebene, A~B wählt alle Elemente B auf der gleichen Ebene aus, die nach A folgen.
Vollständiges Referenzhandbuch für CSS-Selektoren
Stellen Sie die Schriftfarbe der nächsten span-Elemente unter dem gleichen Elternteil der p-Elemente ein:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Grund教程(oldtoolbag.com)</title>
<style>
p ~ span {
color: red;
}
</style>
</head>
<body>
<span>This is not red.</span>
<p>Hier ist ein Absatz.</p>
<code>Hier ist einige Code.</code>
<span>Und hier ist ein span.</span>
</body>
</html>Testen Sie hier ‹/›former_element ~ target_element { style properties }~1Die meisten gängigen Browser unterstützen~2 ausgeführten element1 Selektor, der mit element2.
~1 dahinter stehenden element ~2 und ~2 Diese beiden Elemente müssen denselben Elternteil haben, aber ~1 Es muss nicht unmittelbar an
Kompatibilität mit BrowsernIEFirefoxOperaChrome
Safari ~1Die meisten gängigen Browser unterstützen~2 element
Selektor.Beachten Sie:8 Um diesen Selektor in Versionen bis einschließlich <!DOCTYPE>.