Den :lang()pseudo klassen velgeren i CSS kamper elementer basert på konteksten av sitt gitt språk attributt. Språk i HTML bestemmes av en kombinasjon av lang=""attributtet, elementet og av informasjon fra protokollen, for eksempel HTTP- Accept-Languageforespørsel-overskrift 1- feltet. Akseptable språkkodestrenger er spesifisert i HTML 4.0-spesifikasjonen.
:lang(language-code) ( // whatever styling ):lang(X)samsvarer hvis elementet er i språk X. Hvorvidt samsvaret bare er basert på at identifikatoren X enten er lik eller en bindestrek-skilt understreng av elementets språkverdi, på samme måte som om den ble utført av “| =“ operatør. Tilpasningen av X mot elementets språkverdi utføres ubetydelig for tegn innenfor ASCII-området. Identifikatoren X trenger ikke å være et gyldig språknavn. Det er viktig å merke seg at :langvelgeren kan brukes globalt eller spesifikt på et gitt element. Bruk gjerne etterkommende velgere eller :lang(language-code)pseudoklassen alene.
Eksempel
Ved hjelp av langattributtet på vårt rotelement (dvs. ) kan vi erstatte anførselstegn avhengig av hvilket språk som er spesifisert.
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: '»' '«'; )Engelsk (en)
Pellentesque habitant morbi tristique senectus et netus et malesuada berømmelser 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.
Fransk (fr)
Pellentesque habitant morbi tristique senectus et netus et malesuada berømmelser 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.
Tysk (de)
Pellentesque habitant morbi tristique senectus et netus et malesuada berømmelser 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.
Språkattributtet kan ikke brukes på følgende elementer:
- applet
- utgangspunkt
- basefont
- br
- ramme
- rammesett
- iframe
- param
- manus
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Jepp | Jepp | Jepp | Jepp | Jepp | Jepp | Jepp |
:lang(X) er en anbefaling av CSS Nivå 2 Revisjon 1-spesifikasjonen og anbefales ordenlig som en del av CSS Nivå 2-spesifikasjonen.
1 HTTP-overskriftsfelt er komponenter i meldingsoverskriften på forespørsler og svar i Hypertext Transfer Protocol (HTTP). De definerer driftsparametrene til en HTTP-transaksjon. Den Accept-Languageforespørselen-header-feltet er lik Godta, men begrenser settet av naturlige språk som er foretrukket som et svar på forespørselen.