English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
zeigt Elemente mit Attributen, deren Wert "value" ist oder mit "value-" als Präfix ("-" als Bindestrich, Unicode-Kodierung von U+002D) Anfang. Typische Anwendungsszenarien sind die Übereinstimmung von Sprachabkürzungen (z.B. zh-CN, zh-TW kann zh als value verwenden).
Vollständiges Referenzhandbuch für CSS-Selektoren
Wählen Sie Elemente mit einem lang-Attributwert, der mit "en" beginnt, und stellen Sie ihren Stil ein：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Grundlagen教程(oldtoolbag.com)</title>
<style>
[lang|=en]
{
background:yellow;
}
</style>
</head>
<body>
<p lang="en">Hello!</p>
<p lang="en-us">Hi!</p>
<p lang="en-gb">Ello!</p>
<p lang="us">Hi!</p>
<p lang="no">Hei!</p>
<p><b>Hinweis:</b>Wenn [<i>attribute</i>~=<i>value</i>] Um in IE8 und deren frühere Versionen, DOCTYPE muss angegeben werden.</p>
</body>
</html>Testen Sie es heraus ‹/›[attribute|=value] Selektor wird verwendet, um Elemente mit einer bestimmten Wertanfangswert auszuwählen.
Hinweis:Dieser Wert ist der gesamte Wort, sei es allein wie lang="en", oder wie ein Bindestrich - Wie lang=en-us können.
IEFirefoxOperaChromeSafari
Alle gängigen Browser unterstützen [attribute|=value] Selektor.
Hinweis: [attribute|=value] im IE8In IE, um ausgeführt zu werden, muss angegeben werden!DOCTYPE
CSS-Tutorial: CSS-Attribut-Selektor
Wählen Sie eine class-Attribut, das mit top beginnt, und stellen Sie es rot ein：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Grundlagen教程(oldtoolbag.com)</title>
<style>
[class|=top]
{
background:red;
color:white;
}
</style>
</head>
<body>
<h1 class="top-header">Willkommen</h1>
<p class="top-text">Hallo Welt!</p>
<p class="content">Sind Sie dabei CSS zu lernen?</p>
</body>
</html>Testen Sie es heraus ‹/›