: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