:lang
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
Error: could not find syntax for this item
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
Specification |
---|
Selectors Level 4 # lang-pseudo |
Compatibilidad con navegadores
BCD tables only load in the browser
Ver también
- Pseudo-clases relacionadas con el lenguaje:
:lang
,:dir
- Atributo HTML
lang
- BCP 47 - Etiquetas para identificar idiomas