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

Для чего нужен Extend

Extend в CSS (из препроцессоров, например, SASS) позволяет повторно использовать стили без дублирования кода.

Пример:

scss
%button-style {
  padding: 10px 20px;
  border-radius: 5px;
}

.primary-button {
@extend %button-style;
background: blue;
}

.secondary-button {
@extend %button-style;
background: gray;
}

text

**Преимущества:**  
- Уменьшает дублирование кода.  
- Облегчает поддержку (изменения в одном месте применяются ко всем расширенным селекторам).  

**Осторожно:**  
Чрезмерное использование `@extend` может привести к раздуванию CSS (слишком большим селекторам).
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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