A :lang()CSS ál osztályválasztója az adott nyelvattribútum kontextusa alapján illeszti az elemeket. A nyelvet a HTML-ben az lang=""attribútum, az elem és a protokollból származó információk, például a HTTP Accept-Languagekérés-fejléc 1 mező kombinációja határozza meg . Az elfogadható nyelvkód-karakterláncokat a HTML 4.0 specifikáció határozza meg.
:lang(language-code) ( // whatever styling ):lang(X)egyezik, ha az elem az X nyelven van. Függetlenül attól, hogy az egyezés alapja-e kizárólag az X azonosító, amely egyenlő az elem nyelvi értékével, vagy kötőjellel elválasztott alstringje, ugyanúgy, mintha a „| =“ operátor. Az X és az elem nyelvi értékének megfeleltetése kis- és nagybetűk nélkül történik az ASCII tartományban lévő karakterek esetében. Az X azonosító nem feltétlenül érvényes nyelvnév. Fontos megjegyezni, hogy a :langválasztó használható globálisan vagy kifejezetten bármely adott elemre. Használjon nyugodtan :lang(language-code)egyedüli leszármazókat vagy az álosztályt.
Példa
A langgyökérelemen (azaz ) található attribútum segítségével az idézőjeleket helyettesíthetjük a megadott nyelvtől függően.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
q:before ( content: open-quote; ) q:after ( content: close-quote; ) :lang(en) q ( quotes: '“' '”'; ) :lang(fr) q ( quotes: '«' '»'; ) :lang(de) q ( quotes: '»' '«'; )Angol (en)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Francia (fr)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Német (de)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
A nyelv attribútum nem alkalmazható a következő elemekre:
- kisalkalmazás
- bázis
- basefont
- br
- keret
- keretkészlet
- iframe
- param
- forgatókönyv
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Igen | Igen | Igen | Igen | Igen | Igen | Igen |
:lang(X) a CSS 2. szintű felülvizsgálatának specifikációja, és a CSS 2. szintű specifikációjának részeként ajánlott.
1 A HTTP fejléc mezők a HTTP és a Hypertext Transfer Protocol (kérelmek és válaszok) üzenetfejlécének összetevői. Meghatározzák a HTTP tranzakció működési paramétereit. A Accept-Languagerequest-header mező hasonló az Accept-hez, de korlátozza a kérelemre válaszként preferált természetes nyelvek halmazát.