ПРи просмотре урока 1.17 Практика! Создаем сайт на чистом HTML и CSS
возник вопрос в файле css автор говорит, что при обращении ко вложенным классам, нужно указывать родительский класc ( .logo .logo_text {}/ .logo .logo_img {} и тд)
но у меня если игнорировать родительский класс все равно все работает.
Вопрос: для чего писать родительский класс если и так работает?
такое правило верстки. это удобно ориентироваться в каком блоке у вас элемент и какой у него модификатор. и так же эти классы можно потом переиспользовать на других страницах не переписывая стили и не дублируя код. подробнее почитайте про методологию БЭМ
еще простой пример приведу вам. если у вас на странице 10 сылок без имени класса то как вы будете обращаться к конкретной?
может не правильно выразился:
вот например такой код
<div class="container">
<div class="text">...................</div>
</div>
я хочу написать так (мне кажется проще и логичнее)
.text {}
но исходя из урока, следует, что писать необходимо вот так
.container .text {}
а если у меня всего только один блок с таким классом и больше не предвидится, для чего указывать родительский класс (.container)?
или это просто хороший тон и для того чтобы на случай добавления блоков, чтобы удобнее было править в будущем?
чем чревато игнорирование этого правила?
.container .text {} ну да так правильно
потому что классу container мы задаем как родителю ширину высоту например.
а элементу text стили для текста
в обратном случае нам бы пришлось еще повторить стили блока container чтобы выровнять текст.
