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

Примеры

HTML Результат

htmlCodes

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