Правило @document
Описание
@document устанавливает стилевые правила на основе адреса документа. К примеру, если адреса мобильной и основной версии сайта различаются, то мы можем задать собственный стиль элементов для каждой версии.
Firefox использует правило @-moz-document.
Правило устарело!
Синтаксис
@document [url(<адрес>) [, url-prefix(<адрес>)][, domain(<адрес>)][, regexp(<адрес>)] ] {
Стилевые правила
}Подробности
| Значение | Описание |
| url() | Указывает точный адрес страницы, для которой применяются стилевые правила. Адрес пишется внутри скобок url(). |
| url-prefix() | Значение, с которого начинается адрес документа. |
| domain() | Домен или поддомен сайта. |
| regexp() | Регулярное выражение которому соответствует адрес. |
Пример
<!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>
.ssl {
display: none;
}
@-moz-document regexp('https:.*') {
.ssl {
display: block;
background: #5bd4b6;
color: #fff;
padding: 20px;
}
}
</style>
<div class='ssl'>
Для вашей безопасности на сайте мы используем защищённый протокол.
</div>
</body>
</html>Читайте также
Стиль для переключателей в неопределённом состоянии
Псевдокласс :indeterminate задаёт стиль для переключателей, когда они находятся в неопределённом состоянии. К примеру, если ни один переключатель не п...
Свойство border-top
Позволяет одновременно установить толщину, стиль и цвет верхней границы элемента.
Значения могут идти в любом порядке, браузер автоматически опреде...
Свойство font-variant
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ измене...
Свойство list-style-image
Указывает адрес изображения, которое служит в качестве маркера списка....