CSS псевдокласс :lang()

CSS селекторы

Значение и применение

Псевдокласс :lang() выбирает каждый элемент, глобальный атрибут lang которого, содержит определённое значение (код языка).

Поддержка браузерами

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:lang()4.02.09.63.18.012.0

CSS синтаксис:

:lang(код языка) {
блок объявлений;
}

Версия CSS

CSS2

Пример использования

<!DOCTYPE html> 
<html>
<head>
	<title>Пример использования псевдокласса :lang()</title>
<style type = "text/css"> 
p:lang(es) {
background-color: orange; 
}
p:lang(ru) {
background-color: khaki; 
}
</style>
</head>
	<body>
		<p lang =  "es"> ¿Por qué necesita una traducción? </p> <!-- Этот параграф интерпретируется как испанский -->
		<p lang =  "ru"> Интерпретация языка на русском. </p>
	</body>
</html> 

В этом примере с использованием псевдокласса :lang() мы стилизовали абзацы в зависимости от значения глобального атрибута lang. В первом абзаце указан код языка - испанский, а во втором - русский язык.

Результат нашего примера:

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