Как объявить переменную 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); } |