:lang
Übersicht
Die :lang
CSS Pseudoklasse matcht Elemente anhand der Sprache, in der das Element ist. In HTML wird die Sprache durch eine Kombination aus lang
Attribut, dem <meta>
(en-US) Element und möglicherweise durch Informationen durch das Protokoll (wie z. B. HTTP Header). Für andere Dokumenttypen können andere Dokumentmethoden zur Bestimmung der Sprache existieren.
Akzeptierte language-code
Strings werden in der HTML 4.0 Specification definiert.
Syntax
element:lang(language-code) { Stileigenschaften }
Beispiel
In diesem Beispiel wird der lang
Selektor dazu verwendet, um mit Hilfe von Kindselektoren das Elternelement eines <q>
Elements zu matchen. Es ist nicht dazu gedacht, den einzigen oder sogar den korrekten (was vom Dokumenttyp abhängt) Weg aufzuzeigen, um dies umzusetzen. Beachte, Unicodewerte werden verwendet, um spezielle Anführungszeichen anzugeben.
:lang(en) > q { quotes: '\201C' '\201D' '\2018' '\2019'; }
:lang(fr) > q { quotes: '« ' ' »'; }
:lang(de) > q { quotes: '»' '«' '\2039' '\203A'; }
... wo ...
<div lang="fr"><q>Dieses französische Anführungszeichen hat ein <q>verschachteltes</q> Zitat.</q></div>
<div lang="de"><q>Dieses deutsche Anführungszeichen hat ein <q>verschachteltes</q> Zitat.</q></div>
<div lang="en"><q>Dieses englische Anführungszeichen hat ein <q>verschachteltes</q> Zitat.</q></div>
... wird dargestellt als ...
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
Selectors Level 4 Die Definition von ':lang()' in dieser Spezifikation. |
Arbeitsentwurf | Keine Änderung |
Selectors Level 3 Die Definition von ':lang()' in dieser Spezifikation. |
Empfehlung | Keine wesentliche Änderung |
CSS Level 2 (Revision 1) Die Definition von ':lang()' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser
Siehe auch
- Sprachbezogene Pseudoklassen:
:lang
,:dir
- Spracheigenschaft (en-US)
- W3C HTML 4: Sprachcodes
- W3C DOM Level 2 HTML: lang