:lang()Selektor pseudo klase u CSS utakmice elemenata koji se temelje na kontekstu njihove dane jezik atribut. Jezik u HTML-u određuje se kombinacijom lang=""atributa, elementa i podacima iz protokola kao što je polje Accept-Languagezaglavlja HTTP zahtjeva 1 . Prihvatljivi nizovi jezičnog koda navedeni su u specifikaciji HTML 4.0.
:lang(language-code) ( // whatever styling ):lang(X)podudara se ako je element na jeziku X. Bilo da se podudaranje temelji samo na identifikatoru X koji je jednak ili cipom odvojena podniz vrijednosti jezika elementa, na isti način kao da ga izvodi "| =" operater. Usklađivanje X s jezičnom vrijednošću elementa vrši se bez velikih i malih slova za znakove unutar ASCII raspona. Identifikator X ne mora biti valjano ime jezika. Važno je napomenuti da se :langselektor može koristiti globalno ili posebno na bilo kojem danom elementu. Slobodno koristite selektore potomaka ili :lang(language-code)pseudo klasu sami.
Primjer
Koristeći langatribut na našem korijenskom elementu (tj. ) Možemo zamijeniti navodnike ovisno o navedenom jeziku.
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: '»' '«'; )Engleski (hr)
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 sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Francuski (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 sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Njemački (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 sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Atribut jezika ne može se primijeniti na sljedeće elemente:
- aplet
- baza
- osnovni font
- br
- okvir
- set okvira
- iframe
- param
- skripta
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Da | Da | Da | Da | Da | Da | Da |
:lang(X) je preporuka specifikacije CSS Level 2 Revision 1 i izvorno se preporučuje kao dio specifikacije CSS Level 2.
1 Polja HTTP zaglavlja komponente su zaglavlja poruke zahtjeva i odgovora u protokolu za prijenos hiperteksta (HTTP). Oni definiraju operativne parametre HTTP transakcije. Polje Accept-Languagezaglavlja zahtjeva slično je Prihvati, ali ograničava skup prirodnih jezika koji se preferiraju kao odgovor na zahtjev.