вложенные классы css смотрятся в 100 раз лучше
разумеется у написания кода на чистом css нет гибкости
!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. Да и такого понятия в принципе у нас нет.
О каком "объеме" речь?