El selector :lang se utiliza para apuntar al elemento que se basa en atributos de idioma para un valor específico. Este selector funciona con la ayuda del código de idioma.
Sintaxis:
:lang(lang-code) {
//property
}
Códigos de idioma:
- es: para inglés.
- hola: para hindi.
- fr: para francés.
- de: para alemán
- es: para italiano
- ca: para canadiense
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<style>
h3:lang(en) {
background: limegreen;
}
</style>
</head>
<body>
<h3 lang="en">"en" is lang-code for english.</h3>
</body>
</html>
Producción:
Ejemplo-2: el código de idioma se aplica en el elemento raíz.
<!DOCTYPE html>
<html>
<head>
<style>
h3:lang(en) {
background: limegreen;
}
</style>
</head>
<body lang="en">
<h3>"en" is lang-code for English.</h3>
<h3>"fr" is lang-code for French.<h3>
<h3>"de" is lang-code for German.<h3>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 4.0
- Borde 8.0
- Firefox 2.0
- Safari 3.1
- Ópera 9.6
Publicación traducida automáticamente
Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA