: lang () - CSS-triki

Anonim

:lang()Pseido klases atlasītājs CSS spēles elementus, pamatojoties uz saistībā ar to konkrētā valodas atribūtu. Valoda HTML tiek noteikta, izmantojot lang=""atribūta, elementa un protokola informāciju, piemēram, HTTP Accept-Languagepieprasījuma 1. galvenes lauku. Pieļaujamās valodas kodu virknes ir norādītas HTML 4.0 specifikācijā.

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

:lang(X)sakrīt, ja elements ir valodā X. Neatkarīgi no tā, vai atbilstība ir balstīta tikai uz to, ka identifikators X ir vienāds ar elementa valodas vērtību vai ar defisēm atdalītu apakšvirkni tāpat kā “| =” operators. X atbilstība elementa valodas vērtībai tiek veikta nejutīgi rakstzīmēm ASCII diapazonā. Identifikatoram X nav jābūt derīgam valodas nosaukumam. Ir svarīgi atzīmēt, ka :langatlasītāju var izmantot kopumā vai īpaši attiecībā uz jebkuru konkrēto elementu. Jūtieties brīvi izmantot tikai pēcnācēju atlasītājus vai :lang(language-code)pseidoklasi.

Piemērs

Izmantojot langatribūtu mūsu saknes elementā (ti ), mēs varam aizstāt pēdiņas atkarībā no norādītās valodas.


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: '»' '«'; )
Angļu (lv)

Pellentesque dzīvesvieta 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.

Franču (fr)

Pellentesque dzīvesvieta 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.

Vācu (de)

Pellentesque dzīvesvieta 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.

Valodas atribūtu nevar piemērot šādiem elementiem:

  • sīklietotne
  • bāze
  • basefonts
  • br
  • rāmis
  • rāmju kopa
  • iframe
  • param
  • scenārijs

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS

:lang(X) ir CSS 2. līmeņa 1. redakcijas ieteikums un orģināli ieteikts kā CSS 2. līmeņa specifikācijas sastāvdaļa.

1 HTTP galvenes lauki ir hiperteksta pārsūtīšanas protokola (HTTP) pieprasījumu un atbilžu ziņojuma galvenes komponenti. Tie nosaka HTTP darījuma darbības parametrus. Accept-LanguagePieprasījumu galvenes lauks ir līdzīgs Apstiprināt, bet ierobežo kopumu dabisko valodu, kas tiek dota kā atbildi uz pieprasījumu.