Перейти к содержанию

:lang()

Псевдокласс :lang() сопоставляет элементы на основе языка, на котором они определены.

Примечание. В HTML язык определяется комбинацией атрибута lang, элемента <meta> и, возможно, информации из протокола (например, заголовков HTTP). Для других типов документов могут быть другие методы для определения языка.

Псевдоклассы

Синтаксис

1
2
3
4
/* Selects any <p> in English (en) */
p:lang(en) {
  quotes: '\201C''\201D''\2018''\2019';
}

Спецификации

Описание и примеры

=== CSS

1
2
3
4
5
6
7
8
9
:lang(en) > q {
  quotes: '\201C''\201D''\2018''\2019';
}
:lang(fr) > q {
  quotes: '« ' ' »';
}
:lang(de) > q {
  quotes: '»' '«' '\2039''\203A';
}

=== HTML

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<div lang="en">
  <q
    >This English quote has a <q>nested</q> quote inside.</q
  >
</div>
<div lang="fr">
  <q>This French quote has a <q>nested</q> quote inside.</q>
</div>
<div lang="de">
  <q>This German quote has a <q>nested</q> quote inside.</q>
</div>

Результат

Пример работы псевдо-класса :lang()

Комментарии