CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS-Funktionen (Functions)CSS-Selektor大全

CSS [attribute~=value] Selektor

Stellt ein Element dar, das eine mit attribute benannte Eigenschaft hat und deren Wert eine durch Leerzeichen getrennte Wertliste ist, von der [mindestens] einer dem "value" entspricht.

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

Wählen Sie alle Elemente aus, deren "title"-Attribut den Wort "flower" enthält.

Beispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Grundlagen-Tutorial(oldtoolbag.com)</title>　
<style>
[title~=flower]
{
　　　　Rand:5px festes Rot;
}
</style>
</head>
<body>
<p>Wenn das "title"-Attribut des Bildes das Wort "flower" enthält, wird es mit einem roten Rahmen dargestellt.</p>
<img src="klematis.jpg" title="klematis flower" width="150" height="113"　/>
<img src="img_flwr.gif" title="flowers" width="224" height="162"　/>
<img src="landscape.jpg" title="landscape" width="160" height="120"　/>
<p><b>Hinweis:</b>Wenn [<i>attribute</i>~=<i>value</i>] Um in IE8　und frühere Versionen wirksam ist, DOCTYPE muss angegeben werden.</p>
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

[attribute~=value] Selektor wird verwendet, um Elemente auszuwählen, deren Attributwerte einen bestimmten Wort enthalten.

Browser-Verträglichkeit

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen [attribute~=value] Selektor.

Hinweis:[attribute~=value] in IE8unterstützt, muss angegeben werden <!DOCTYPE>.