: lang () - CSS-triki

Anonim

:lang()Selektor psevdo razred v CSS ujema elemente, ki temeljijo na kontekstu dani jezikovni atribut. Jezik v HTML se določi s kombinacijo lang=""atributa, elementa in informacijami iz protokola, kot je polje Accept-Languageglave HTTP zahteve 1 . Sprejemljivi nizi jezikovne kode so navedeni v specifikaciji HTML 4.0.

:lang(language-code) ( // whatever styling )

:lang(X)ujema se, če je element v jeziku X. Ali ujemanje temelji izključno na identifikatorju X, ki je bodisi enak ali z vezajem ločen podniz jezikovne vrednosti elementa, na enak način, kot če bi ga izvedla „| =“ operater. Ujemanje X z jezikovno vrednostjo elementa se izvede brez črk za znake znotraj obsega ASCII. Identifikator X ne sme biti veljavno ime jezika. Pomembno je omeniti, da se :langlahko izbirnik uporablja globalno ali posebej za kateri koli element. Uporabite lahko samo izbirnike potomcev ali :lang(language-code)psevdo razred.

Primer

Z langatributom na korenskem elementu (tj. ) Lahko nadomestimo narekovaje, odvisno od določenega jezika.


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: '»' '«'; )
Angleščina (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 sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Francoščina (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.

Nemšč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 sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Atributa jezika ni mogoče uporabiti za naslednje elemente:

  • aplet
  • osnova
  • basefont
  • br
  • okvir
  • frameset
  • iframe
  • param
  • skripta

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
Ja Ja Ja Ja Ja Ja Ja

:lang(X) je priporočilo specifikacije CSS Level 2 Revision 1 in je prvotno priporočljivo kot del specifikacije CSS Level 2.

1 Polja glave HTTP so sestavni deli glave sporočila zahtev in odgovorov v protokolu za prenos hiperteksta (HTTP). Določajo operativne parametre transakcije HTTP. Polje Accept-Languageglave zahteve je podobno kot Accept, vendar omejuje nabor naravnih jezikov, ki so prednostni kot odgovor na zahtevo.