: lang () - CSS-trikid

Anonim

:lang()Pseudo klassi valijat CSS vastab elemendid põhineb kontekstis nende antud keele atribuut. Keel HTML-is määratakse lang=""atribuudi, elemendi ja protokolli teabe, näiteks HTTP Accept-Languagepäringu päise 1 kombinatsiooni abil . Vastuvõetavad keelekoodistringid on määratletud HTML 4.0 spetsifikatsioonis.

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

:lang(X)sobib juhul, kui element on keeles X. Kas vaste põhineb ainult sellel, et identifikaator X on kas võrdne elemendi keeleväärtusega või sidekriipsudega eraldatud alamstringiga, samamoodi nagu toimiks „| =“ operaator. X sobitamine elemendi keeleväärtusega toimub ASCII vahemikus olevate märkide puhul juhtumite järgi. Identifikaator X ei pea olema kehtiv keelenimi. Oluline on märkida, et :langvalijat saab kasutada üldiselt või konkreetselt iga konkreetse elemendi jaoks. Kasutage julgelt :lang(language-code)üksi järeltulijaid või pseudoklassi.

Näide

Kasutades langatribuut meie root element (st ) saame asendada hinnapakkumisi sõltuvalt määratud keeles.


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: '»' '«'; )
Inglise (et)

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.

Prantsuse (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.

Saksa (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.

Keele atribuuti ei saa rakendada järgmistele elementidele:

  • aplett
  • alus
  • basefont
  • br
  • raam
  • raamikomplekt
  • iframe
  • param
  • stsenaarium

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
Jah Jah Jah Jah Jah Jah Jah

:lang(X) on CSS 2. taseme 1. versiooni spetsifikatsiooni soovitus ja soovitatakse oraalselt CSS 2. taseme spetsifikatsiooni osana

1 HTTP-päise väljad on hüpertekstiedastusprotokolli (HTTP) päringute ja vastuste sõnumipäise komponendid. Nad määravad HTTP-tehingu tööparameetrid. Accept-LanguageTaotluse-päises on sarnane Nõus, kuid piirab komplekt loomulike keelte, mida eelistatakse vastuseks taotlusele.