Задает определенные настроки для разных языков
Описание
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса :lang можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах.
Синтаксис
Селектор:lang { ... }Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
q:lang(de) {
color: black;
}
q:lang(en) {
color:blue;
}
q:lang(fr),
q:lang(ru) {
color:red;
}
</style>
<p>Цитата на немецком: <q lang='de'>Der Mensch, versuche die Gotter nicht</q>.</p>
<p>Цитата на английском: <q lang='en'>То be or not to be</q>.</p>
<p>Цитата на французском языке: <q lang='fr'>Ce que femme veut, Dieu le veut</q>.</p>
</body>
</html>Читайте также
Правило @charset
Команда @charset применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том случае, если в CSS-файле используются символы национал...
Класс
Классы применяют, когда необходимо определить стиль для одного или нескольких элементов веб-страницы. Элементы при этом могут быть разными, но иметь ч...
Обращение к самому главному родительскому элементу
Псевдокласс :root определяет корневой элемент документа.
В HTML этот селектор всегда соответствует элементу html, но в стилях приоритет :root в...
Свойство grid-gap
Определяет отступ между строками и столбцами grid сетки.
Сокращение для grid-row-gap и grid-column-gap....