:lang()Volič pseudo třída CSS zápasů prvky založené na kontextu daných atributem jazyka. Jazyk v HTML je určen kombinací lang=""atributu, prvku a informací z protokolu, jako je například pole HTTP Accept-Languagerequest-header 1 . Přijatelné řetězce jazykového kódu jsou specifikovány ve specifikaci HTML 4.0.
:lang(language-code) ( // whatever styling ):lang(X)shoda, pokud je prvek v jazyce X. Zda je shoda založena pouze na tom, že identifikátor X je buď stejný jako, nebo pomlčka oddělená podřetězcem jazykové hodnoty prvku, stejným způsobem, jako kdyby byl proveden pomocí „| =“ operátor. Porovnávání X s jazykovou hodnotou prvku se u znaků v rozsahu ASCII provádí bez rozlišování malých a velkých písmen. Identifikátor X nemusí být platný název jazyka. Je důležité si uvědomit, že :langselektor lze použít globálně nebo konkrétně pro jakýkoli daný prvek. Nebojte se použít potomky selektorů nebo :lang(language-code)samotnou třídu pseudo.
Příklad
Pomocí langatributu na našem kořenovém prvku (tj. ) Můžeme nahradit uvozovky v závislosti na zadaném jazyce.
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: '»' '«'; )Angličtina (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.
Francouzština (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ěmčina (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.
Atribut jazyka nelze použít na následující prvky:
- applet
- základna
- basefont
- br
- rám
- sada rámů
- iframe
- param
- skript
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Ano | Ano | Ano | Ano | Ano | Ano | Ano |
:lang(X) je doporučení specifikace CSS úrovně 2 revize 1 a originálně doporučeno jako součást specifikace CSS úrovně 2.
1 Pole záhlaví HTTP jsou součásti záhlaví zprávy požadavků a odpovědí v protokolu Hypertext Transfer Protocol (HTTP). Definují provozní parametry transakce HTTP. Pole Accept-Languagezáhlaví požadavku je podobné jako Přijmout, ale omezuje množinu přirozených jazyků, které jsou preferovány jako odpověď na požadavek.