:lang() CSS

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

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

Наследуется:
Нет
Анимируется:
Нет
Спецификации:

Синтаксис

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

Примеры

HTML

:lang(en) > q { quotes: '201C' '201D' '2018' '2019'; }
:lang(fr) > q { quotes: '« ' ' »'; }
:lang(de) > q { quotes: '»' '«' '2039' '203A'; }

CSS

<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()
Пример работы псевдо-класса :lang()