Если еще не используете пользовательские переменные для измерения своих пользовательских данных, то здесь рекомендуется вместо этого использовать эту новую функцию измерений. Это переменные CSS, которые содержат определенные значения для повторного использования в документе.
HTML
Код
<p class="deatumplub-mentehines">ZorNet - портал для вебмастера</p>
CSS
Код
:root {
/* Поместите переменные здесь, чтобы использовать их глобально. */
}
.custom-variables {
--some-color: #da7800;
--some-keyword: italic;
--some-size: 1.25em;
--some-complex-value: 1px 1px 2px whitesmoke, 0 0 1em slategray, 0 0 0.2em slategray;
color: var(--some-color);
font-size: var(--some-size);
font-style: var(--some-keyword);
text-shadow: var(--some-complex-value);
}
Переменные определяются глобально :root псевдоклассе CSS, который соответствует корневому элементу дерева, представляющего документ. Переменные также могут быть ограничены селектором, если они определены в блоке.
Объявите переменную с --variable-name:
Повторно используйте переменные по всему документу, используя var(--variable-name) функцию.
Демонстрация
