:lang
Baseline
Ampliamente disponible
*
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
* Algunas partes de esta característica pueden tener distintos niveles de compatibilidad.
La pseudo-clase :lang() de CSS es utilizada para modificar elementos en función del idioma en el que se determina que están.
/* Selecciona cualquier <p> en inglés (en) */
p:lang(en) {
quotes: "\201C" "\201D" "\2018" "\2019";
}
Sintaxis
Sintaxis formal
:lang(<language-code> [,<language-code> ]*) {
/* ... */
}
Parámetro
<language-code>-
Un
<string>que representa el idioma que desea orientar. Los valores aceptables se especifican en las especificaciones HTML.
Ejemplo
En este ejemplo, la pseudo-clase :lang() se usa para hacer coincidir los elementos primarios de los elementos de cita (<q>) utilizando selectores de hijo. Tenga en cuenta que esto no ilustra la única manera de hacerlo, y que el mejor método para usar depende del tipo de documento. También tenga en cuenta que los valores de Unicode se utilizan para especificar algunos de los caracteres de comillas especiales.
HTML
<div lang="en">
<q>Esta cita en inglés tiene una cita <q>anidada</q> adentro.</q>
</div>
<div lang="fr">
<q>Esta cita en francés tiene una cita <q>anidada</q> adentro.</q>
</div>
<div lang="de">
<q>Esta cita en aleman tiene una cita <q>anidada</q> adentro.</q>
</div>
CSS
:lang(en) > q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
:lang(fr) > q {
quotes: "« " " »";
}
:lang(de) > q {
quotes: "»" "«" "\2039" "\203A";
}
Resultado
Especificaciones
| Especificación |
|---|
| Selectors Level 4 # lang-pseudo |
Compatibilidad con navegadores
Ver también
- Pseudo-clases relacionadas con el lenguaje:
:lang,:dir - Atributo HTML
lang - BCP 47 - Etiquetas para identificar idiomas