!important
и битва селекторов. Разделяйте свои мега-файлы, где без структуризации черт ногу сломит, на отдельные логически связанные кусочки (блоки - в терминах БЭМ) и используйте import
для их объединения..some-panel {
...
&__body { ... }
}
.cart {
...
&__caption { ... }
}
.my-app-standard-button {
&--danger { ... }
}
<div class="some-panel">
<div class="some-panel__body">
<div class="cart">
<div class="cart__caption">
<h3>Квартира-студия</h3>
<span>Отличный вариант для молодой семьи! Простой, чистый цвет отделки стен подходит под любой дизайн интерьера.</span>
<button class="my-app-standard-button my-app-standard-button--danger">Подробнее</button>
</div>
</div>
</div>
</div>
button
или указывать role="button"
, ибо семантика. если за месяц стажировки я написал максимум 10 строчек?
К тому же у нас (СНГ) нет вообще направления CS. Да и такого понятия в принципе у нас нет.
Не надо делать их вложенными, это же CSS, а не HTML (= Вложенность означает каскадирование, а это не нужно так часто.
Главное преимущество препроцессоров в том, что они генерят старый CSS. Это единственная объективная от них польза.