CSS :: Псевдокласс :lang
Псевдокласс :lang
(от англ. language – язык)
позволяет выбрать все элементы требуемого типа, у которых атрибут lang имеет значение
языка, указанного в селекторе, например,
p:lang(en) {блок объявлений}
.
Селектор псевдоклассов напоминает селектор классов, но в отличие от классов, псевдоклассы в разметке html-документа не указываются и отделяются от указанного в селекторе элемента двоеточием «:». При этом выбираются элементы необходимого типа, которые соответствуют требованиям указанного в селекторе псевдокласса.
Синтаксис
<селектор>:lang(<язык>) {блок объявлений}
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/selectors-4/#lang-pseudo
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/:lang
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <style> p:lang(en){ color: green; } p:lang(ru){ color: red; } </style> </head> <body> <p lang="en"> I am english text. </p> <p lang="ru"> Я русский текст. </p> </body> </html>
Пример №1