Здравствуйте, верстая часто сталкиваюсь с проблемой как назвать классы в пределах одного блока. Сделать имя класса короткое и потом ломать голову при отладке или не экономить символы, но зато потом всё понятно при повторном просмотре?
Пока пишу что-то подобное:
<div class="debitCardsWrapper">
<div class="debitCardsBlock1">
<div class="tariffPlan tariffPlan1">
<a href="#" class="tariffInnerA">
<div class="upper">
<img src="img/otkrytie_travel_vg_110x70.png" alt="" class="imgCard">
<div class="nameOfTariff">Travel, тарифный план Оптимальный</div>
<div class="bankOfTariff">Ханты-Мансийский банк Открытие</div>
</div>
<div class="lower">
<div class="interest">до 6% годовых</div>
<div class="button">Посмотреть</div>
</div>
</a>
</div>
<div class="tariffPlan tariffPlan2">
<a href="#" class="tariffInnerA">
<div class="upper">
<img src="img/Lukoil_Otkrytie_mcw_110x70.png" alt="" class="imgCard">
<div class="nameOfTariff">Лукойл, тарифный план Базовый</div>
<div class="bankOfTariff">Ханты-Мансийский банк Открытие</div>
</div>
<div class="lower">
<div class="interest">до 6% годовых</div>
<div class="button">Посмотреть</div>
</div>
</a>
</div>
<div class="tariffPlan tariffPlan3">
<a href="#" class="tariffInnerA">
<div class="upper">
<img src="img/Tinkoff_Black_110x70.png" alt="" class="imgCard">
<div class="nameOfTariff">Tinkoff Black</div>
<div class="bankOfTariff">Тинькофф Банк</div>
</div>
<div class="lower">
<div class="interest">до 6% годовых</div>
<div class="button">Посмотреть</div>
</div>
</a>
</div>
</div>
</div>
Плюс вопрос возникает сколько классов прописывать в файле css.Например:
при таком html
<div class="wrapper">
<div class="inner">
<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>
</div>
</div>
Я определяю стили таким образом:
/*стили для wrapper*/
.wrapper {...}
/*стили для inner*/
.wrapper {...}
/*стили для внутренних блоков-одно или несколько классов пропускаю чтобы сократить количество классов*/
.wrapper .class1 {...}
Что скажете?
Простой
