CSS :dir() Pseudo-Klasse

Definition und Verwendung

CSS :dir() Pseudo-Klassen werden verwendet, um alle Elemente mit einer bestimmten Textrichtung zu treffen.

  • :dir(rtl) Elemente mit Textrichtung von rechts nach links treffen
  • :dir(ltr) Elemente mit Textrichtung von links nach rechts treffen

Hinweis:In HTML wird die Textrichtung durch dir Eigenschaft angegeben.

Beispiel

Verwenden Sie den Pseudo-Klassen :dir():

:dir(rtl) {
  background-color: lightgreen;
}

Probieren Sie es selbst aus

CSS-Syntax

:dir(ltr|rtl) {
  css-Deklarationen;
}

Technische Details

Version: CSS-Selektoren-Stufe 4

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-Klassen vollständig unterstützt.

Chrome Edge Firefox Safari Opera
120 120 49 16.4 106