Как объявить переменную CSS?
Переменная css объявляется в файле со стилями — например style.css
Переменные создаются в псевдокласcе :root
|
1 2 3 |
:root{ --color: #ddd; } |
В примере ниже мы объявили переменную color и присвоили ей значение цвета #ddd;
Как использовать переменную CSS?
К нужному селектору класса мы прописываем значение, в данном случае у нас их два это body и .header и после двоеточия указываем переменную.
Указывается переменная с помощью var и в скобках сама переменная которую указывали ранее. Вместо переменной в данном случаем подставиться цвет #ddd;
|
1 2 3 4 5 6 |
body{ background-color: var(--color); } .header{ color: var(--color); } |
Здравствуйте! Меня зовут Александр. Я веб-разработчик. Мне нравится верстка, дизайн и программирование и CMS WordPress . В свободное время пишу статьи на тему веб-разработки. Если у Вас есть вопрос Вы можете его задать в контактах ниже
