19. :lang()

Przeznaczenie selektora :lang()

:lang(...) { ... }

Selektor :lang() odwołuje się do każdego elementu HTML, którego cechy w danym momencie spełniają zasadę pseudoklasy :lang().

Cechy elementu HTML spełniają zasadę pseudoklasy :lang(), gdy w danym momencie dany element HTML posiada wartość atrybutu lang o określonej przez nas wartości lub gdy w danym momencie dany element HTML dziedziczy od innego elementu HTML wartość atrybutu lang o określonej przez nas wartości.

Selektor :lang() odszukuje elementy HTML w kodzie HTML na podstawie parametru language, którego wartość musimy określić.

Parametry selektora :lang()

language

Przykładowe zapisy

:lang(pl)

:lang(en)

:lang(de)

language

  • Parametr language jest wymaganym parametrem selektora :lang(). Parametr language określa, na podstawie jakiej interesującej nas wartości selektor :lang() powinien dokonać selekcji.

Informacje techniczne o selektorze :lang()

ograniczenie - elementy HTML

  • brak

ograniczenie - właściwości CSS

  • brak

Przykładowa reguła CSS, selektor :lang()

Wyjaśnienie przykładowej reguły CSS

p:lang(pl)

  • do każdego elementu p, który posiada atrybut lang o wartości pl lub który dziedziczy wartość pl atrybutu lang od innego elementu HTML

color

  • dodaj właściwość CSS, która zmieni kolor tekstu elementu HTML

red

  • na barwę czerwoną

Kod źródłowy przykładowego dokumentu HTML

Rezultat

Interpretacja selektora :lang()

Last updated