Пользовательские свойства CSS удобны для создания настраиваемых компонентов и стилей CSS. Но сфера их применения этим не ограничивается. Используя пользовательские свойства, можно обрабатывать информацию в JavaScript В прошлом, чтобы получить текущую контрольную точку без запроса ширины окна чаще всего делали что-то подобное: CSS: body::before { content: 'mobile'; display: none; } @media screen and (min-width: 30rem) { body::before { content: 'large-mobile'; } } @media screen and (min-width:...

В JavaScript работа с CSS свойствами происходит путем изменения значения атрибута style для элемента. К примеру, чтобы поменять цвет нужно построить следующую цепочку - element.style.color - и присвоить ей нужное значение цвета: Можно также и не вводить переменную element, а построить очень длинную цепочку: Существует много CSS свойств, которые пишутся через дефис, например, font-size...