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

Как сделать стили гибкими при наследовании

Используй CSS-переменные (custom properties) для гибкого наследования. Они позволяют переопределять значения на любом уровне вложенности:

css
:root {
  --primary-color: #3498db;
  --padding: 1rem;
}

.button {
color: var(--primary-color);
padding: var(--padding);
}

.special-button {
--primary-color: #e74c3c; /* Переопределение только для этого элемента */
}

text

Преимущества:
1. Каскадное переопределение (как у обычных CSS-свойств)
2. Возможность изменения через JS: `element.style.setProperty('--primary-color', 'red')`
3. Работают с медиа-запросами для адаптивности

Для сложных случаев комбинируй с `@mixin` в препроцессорах (Sass/Less) или CSS-функцией `calc()`.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

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

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы