Pseudo-clase :dir() CSS

Definición y uso

CSS :dir() Los pseudo-clases se utilizan para coincidir con cualquier elemento que tenga una dirección de texto especificada.

  • :dir(rtl) Coincidencia de elementos con dirección de texto de derecha a izquierda
  • :dir(ltr) Coincidencia de elementos con dirección de texto de izquierda a derecha

Consejo:En HTML, la dirección del texto se especifica a través de dir Atributo especificado.

Ejemplo

Uso del pseudo-clase :dir():

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

Prueba personalmente

Sintaxis CSS

:dir(ltr|rtl) {
  declaraciones css;
}

Detalles técnicos

Versión: CSS Selectors Level 4

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que primero admite este pseudo-clase.

Chrome Edge Firefox Safari Opera
120 120 49 16.4 106