1 2 3 4 5 6 7 |
:root { --main-color: #444; } .selector { color: var(--main-color); /* вторым параметром можно указать значение по умолчанию (если переменная не задана) */ } |
1 2 3 4 5 6 7 8 9 10 11 12 |
document.addEventListener('DOMContentLoaded', function(event) { let root = document.querySelector(':root'), styles = root.getComputedStyle(root); // Получить значение styles.getPropertyValue('--main-color') // Изменить значение root.style.setProerty('--main-color', '#777'); }); |