: lang () - CSS-gudrybės

Turinys

:lang()Pseudo klasės selektorių CSS atitinka elementus remiantis jų tikra kalba atributas kontekste. Kalba HTML yra nustatoma pagal lang=""atributo, elemento ir informacijos iš protokolo derinį, pvz., HTTP Accept-Languageužklausos antraštės 1 lauką. Priimtinos kalbos kodo eilutės nurodytos HTML 4.0 specifikacijoje.

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

:lang(X)sutampa, jei elementas yra X kalba. Nesvarbu, ar atitiktis grindžiama tik tuo, kad identifikatorius X yra lygus arba brūkšneliais atskirtas elemento kalbos vertės pakaitinis elementas, lygiai taip pat, kaip ir „ operatorius. X suderinimas su elemento kalbos reikšme atliekamas neatsižvelgiant į ASCII diapazono simbolius. Identifikatorius X nebūtinai turi būti galiojantis kalbos pavadinimas. Svarbu pažymėti, kad :langparinkiklis gali būti naudojamas visame pasaulyje arba konkrečiai bet kuriame elemente. Drąsiai naudokitės :lang(language-code)vien tik palikuonių pasirinkėjais ar pseudo klase.

Pavyzdys

Naudodami langatributą pagrindiniame elemente (ty ), mes galime pakeisti kabutes, atsižvelgdami į nurodytą kalbą.


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: '»' '«'; )
Anglų (en)

Pellentesque buveinių 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.

Prancūzų (fr)

Pellentesque buveinių 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.

Vokiečių (de)

Pellentesque buveinių 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.

Kalbos atributo negalima pritaikyti šiems elementams:

  • programėlė
  • bazė
  • basefontas
  • br
  • rėmas
  • rėmelių rinkinys
  • iframe
  • param
  • scenarijus

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
Taip Taip Taip Taip Taip Taip Taip

:lang(X) yra 2-ojo lygio CSS specifikacijos rekomendacija ir rekomenduojama kaip 2-osios CSS specifikacijos dalis.

1 HTTP antraštės laukai yra užklausų ir atsakymų pranešimo antraštės komponentai hiperteksto perdavimo protokole (HTTP). Jie apibrėžia HTTP operacijos veikimo parametrus. Accept-LanguageUžklausos antraštės laukas yra panašus į Accept, bet riboja natūraliųjų kalbų, kurios yra pageidautinų kaip atsakas į prašymą rinkinį.

Įdomios straipsniai...