:lang()Pseudo luokkatarkennettuna CSS vastaa elementtejä perustuu yhteydessä niiden tietyn kielen määrite. Kieli HTML-muodossa määritetään lang=""attribuutin, elementin ja protokollan tietojen, kuten HTTP Accept-Languagerequest-header 1 -kentän, yhdistelmällä. Hyväksytyt kielikoodijonot määritetään HTML 4.0 -määrityksessä.
:lang(language-code) ( // whatever styling ):lang(X)täsmää, jos elementti on kielellä X. Perustuuko vastaavuus vain siihen, että tunniste X on joko yhtä suuri tai yhdysmerkillä erotettu alimerkkijono elementin kieliarvolle, samalla tavalla kuin suorittaisi "| =" operaattori. X: n sovittaminen elementin kieliarvoon suoritetaan kirjainkoon ottamatta merkkejä ASCII-alueella. Tunnuksen X ei tarvitse olla kelvollinen kielenimi. On tärkeää huomata, että :langvalitsinta voidaan käyttää yleisesti tai nimenomaisesti mihin tahansa elementtiin. Käytä vapaasti jälkeläisvalitsijia tai :lang(language-code)näennäisluokkaa yksin.
Esimerkki
Käyttämällä langjuurielementtimme (ts. ) Määritettä voimme korvata lainausmerkit määritetyn kielen mukaan.
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: '»' '«'; )Englanti (en)
Pellentesque elinympäristö 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.
Ranska (fr)
Pellentesque elinympäristö 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.
Saksa (de)
Pellentesque elinympäristö 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.
Kielimääritettä ei voida käyttää seuraaviin elementteihin:
- sovelma
- pohja
- basefont
- br
- runko
- kehysjoukko
- iframe
- param
- käsikirjoitus
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jep | Jep | Jep | Jep | Jep | Jep | Jep |
:lang(X) on CSS-tason 2 tarkistuksen 1 spesifikaation suositus ja suositellaan oraalisesti osana CSS-tason 2 spesifikaatiota.
1 HTTP-otsikkokentät ovat HTTP-protokollan (Hypertext Transfer Protocol) pyyntöjen ja vastausten viestin otsikon komponentteja. Ne määrittävät HTTP-tapahtuman toimintaparametrit. Accept-LanguagePyyntö-otsikkokenttä on samanlainen Hyväksy, mutta rajoittaa joukko luonnollisten kielten, jotka ovat edullisia vasteena pyyntöön.