Нужно ли менять классы на дополнительных страницах сайта?

Question

[Анита Ковалева]

Всем привет, я сверстала страницу index.html учебного проекта и начинаю верстать вторую страницу с названием photo. Создала копию страницы индекс и удалила весь main оставив header и footer. Вопрос - на этой странице photo.html у хедера и футера остались классы с именем header-page, footer-page со своими значениями разметки. Их надо менять под страницу photo? или просто добавить второй класс с именем header-photo и применить каскадность что бы перебить старые стили. Как правильно решается задача с использоваем однотипных блоков на последующих страницах. Верстаю по БЭМ.

Answer 1

[Александр Присяжнюк]

Задайте body класс page--inner. И за каскадом переопределяйте стили.

Comments

[Анита Ковалева]

Спасибо, все просто и логично оказывается)

Answer 2

[Антон]

Если шапка и футер везде одинаковые, зачем их каскадить? Они идут как независимые блоки, вот , вот footer, везде одни и те же, ну и всё, оставьте как есть.

Если блок не зависит от родителя и он повторяемый, дайте ему "собственное" имя со своими собственными "потомками", и повторяйте везде, где хотите

Comments

[Анита Ковалева]

Вся проблема в том что на разных страницах меняются margin и padding в блоках header\footer. и есть маленькие различия в перестроении блоков. Допустим в index.html блок header-nav отталкивает нижний блок маргином на 40px, а в фото он обнуляется.

[cssfish]

используйте модификаторы тогда, и все