:lang()¶

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

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

Синтаксис¶

1
2
3
4

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

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

• Selectors Level 4
• Selectors Level 3
• CSS Level 2 (Revision 1)

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

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';
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

<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>

Комментарии