Définition de la CSS :lang.
La pseudo-classe CSS :lang() permet de cibler un élément HTML en fonction de sa langue afin de lui assigner des propriétés CSS.
:lang :identifiant:lang(fr){
/* Propriétés */
}La pseudo-classe de feuille de style :lang() CSS accepte comme valeur de paramètre :
- String, qui représente la valeur de l'attribut HTML ou XHTML
lang.
Conditions d'application de la CSS :lang.
La pseudo-classe CSS :lang() ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE. La pseudo-classe de feuille de style :lang() CSS doit être déclarée dans une balise HTML ou XHTML STYLE.
Problème d'interprétation de :lang en Css.
La pseudo-classe CSS :lang() n'est pas reconnue par Internet Explorer < 8, Safari < 3.1.
Les valeurs séparées par un tiret comme "de-fr" ne semblent pas fonctionner sur la plupart des navigateurs.
Compatibilités navigateurs du sélecteur :lang
- Détails des versions de la CSS :lang
- Sélecteur
:langest compatible avec CSS2 et plus.
Exemples et astuces CSS pour utiliser :lang
Sélecteur d'attribut [lang='valeur'] vs :lang()
Vous pouvez aussi le sélecteur d'attribut CSS [lang='fr'] à la place de la pseudo-classes CSS :lang(fr), cependant la pseudo-classes CSS :lang(fr) cible plus large car elle tient compte des parents.
<div lang="fr">lang <span>lang fr</span> lang</div>Vous pouvez directement cibler la balise span avec span:lang(fr), contrairement à [lang='fr'] ou vous serez obligé de sélectionner d'abord le parent ayant un attribut lang="fr" et puis cibler la balise span soit div[lang='fr'] span.
Votre avis sur la définition :lang en CSS
Votez pour la définition CSS :lang
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.5 / 5 - 10
votes
Cliquez sur une étoile pour voter.