Возможно ли сделать SASS @extend стили важными?

Есть ли способ придать стилям SASS, применяемым с помощью функции @extend, статус важности? Я пробовал это:

.somestyles {
    width: 1000px;
}
.importantstyle {
    @extend .somestyles !important;
}

Не работает, но как это можно сделать? Или это просто невозможно?

Ответы

Ответ 1

То, о чем вы просите, невозможно. Вы можете увеличить специфичность селектора, который делает расширение.

body .importantstyle {
    @extend .somestyles;
}