:lang()Selectorul de clasă pseudo în CSS se potrivește cu elementele pe baza contextului atributului lor limbă dată. Limbajul în HTML este determinat de o combinație a lang=""atributului, a elementului și a informațiilor din protocol, cum ar fi câmpul de Accept-Languagesolicitare HTTP -header 1 . Șirurile de coduri de limbă acceptabile sunt specificate în specificația HTML 4.0.
:lang(language-code) ( // whatever styling ):lang(X)se potrivește dacă elementul este în limbajul X. Indiferent dacă potrivirea se bazează exclusiv pe identificatorul X fie fie egal, fie într-un șir de caractere separat, valoarea limbajului elementului, în același mod ca și cum ar fi efectuat de „| =“ operator. Potrivirea lui X cu valoarea limbajului elementului se efectuează fără majuscule și minuscule pentru caracterele din intervalul ASCII. Identificatorul X nu trebuie să fie un nume de limbă valid. Este important să rețineți că :langselectorul poate fi utilizat global sau în mod specific pe orice element dat. Simțiți-vă liber să folosiți selectori descendenți sau :lang(language-code)pseudo-clasa singuri.
Exemplu
Folosind langatributul de pe elementul nostru rădăcină (adică ) putem înlocui ghilimele în funcție de limba specificată.
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: '»' '«'; )Engleză (ro)
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.
Franceză (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.
Germană (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.
Atributul de limbă nu poate fi aplicat următoarelor elemente:
- applet
- baza
- fontfont
- fr
- cadru
- set de cadre
- iframe
- param
- scenariu
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Da | Da | Da | Da | Da | Da | Da |
:lang(X) este o recomandare a specificației CSS Nivelul 2 Revizuirea 1 și recomandată inițial ca parte a specificației CSS Nivelul 2.
1 Câmpurile antet HTTP sunt componente ale antetului mesajului cererilor și răspunsurilor din Protocolul de transfer hipertext (HTTP). Acestea definesc parametrii de operare ai unei tranzacții HTTP. Câmpul Accept-Languageantet-cerere este similar cu Accept, dar restricționează setul de limbaje naturale care sunt preferate ca răspuns la cerere.