Псевдокласс :lang

Псевдокласс :lang

Если в языке HTML-документа определен разговорный язык элемента, то CSS позволяет создавать селекторы, сопоставляемые элементу, использующему данный разговорный язык. Например, в HTML язык определяется сочетанием атрибута lang, элемента META и, возможно, информацией из протокола (такой, как заголовки HTTP).

Псевдокласс: lang (ru) сопоставляется элементу, использующему язык ru. Здесь ru – код языка. Он сопоставляется аналогично оператору |=. Приведу для примера несколько языков и коды:

• ru – русский;

• en – английский;

• fr – французский;

• de – немецкий;

• jp – японский.

Например, следующие правила расставляют кавычки в HTML-документе, написанном на французском либо немецком языке:

html:lang(fr) { quotes: " " }

html:lang(de) { quotes: " " 2039 203A }

:lang(fr) > Q { quotes: " " }

:lang(de) > Q { quotes: " " 2039 203A }

Вторая пара правил фактически задает свойство quotes для элементов Q в соответствии с языком их родительских элементов. Это сделано потому, что выбор кавычек обычно зависит от языка элементов вокруг кавычек, а не от самих кавычек, как это имеет место во фрагменте французского текста «а limproviste», расположенного в английском тексте и использующего английские кавычки.