Встречается на собеседованиях • сегодня

Как переключать глобальные свойства CSS

Для переключения глобальных CSS-свойств можно использовать несколько подходов:

css

:root {
  --main-color: blue;
  --bg-color: white;
}

.dark-theme {
  --main-color: white;
  --bg-color: black;
}

javascript

document.documentElement.classList.toggle('dark-theme');

css

.light-mode {
  background: white;
  color: black;
}

.dark-mode {
  background: black;
  color: white;
}

javascript

document.body.classList.toggle('dark-mode');

javascript

document.documentElement.style.setProperty('--main-color', 'red');

CSS-переменные - самый гибкий вариант, так как позволяют динамически менять значения без перезаписи всех стилей.

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы