Как правильно сверстать?

Question

[Breeze1]

Переформулирую вопрос.

Есть одна главная страница index.html, и есть еще 23 внутренних страниц. Некоторые будут статичны. некоторые будут взаимодействовать с пользователем. Для каждой страници будет свой отдельный sass файл, который в конце компилируется gulpom в один css файл. Вопрос в чём, как правильно реализуются такие большие проэкты ? Для всех блоков на всех 24 страниц, придумыют уникальные классы ?

PS. прошу прощение за такие нубские вопросы, до этого имел дело только с лендингами.

Comments

[Максим]

23 страницы и все статичные ?

[Иван]

Мне не понятно,для чего?

[Breeze1]

Максим Ленский: нет, некторые будет взаимодействовать с пользователем, страници с формами будут.

[Максим Тимофеев]

А чего Вы планируете добиться, добавляя к body свой класс? И при чем тут вложенность?

[Breeze1]

Иван: объясню немного яснее. Макет учебный если что )

Раньше имел дело только с лендигами, стили пишу в main.sass и это все потом компилируется gulpom в css файл. Так вот, когда страничка была одна, проблем не было, а тут их будет аж 24. Понятно, что для каждой страници я создам свой sass файл, но ведь все эти sass файлы потом все равно будут скомпилированы в один css. И тут возникает вопрос, неужели придется для всех 24 страниц придумывать разные названия классов для всех блоков и секций. Либо же можно задать класс для body, и делать вложенность через него.

[Breeze1]

Максим Тимофеев: Максим, ответ написал ниже. Уверен, что я просто чего-то не понимаю)

[Иван]

Breeze1: для этого и придуман бэм-нэйминг)) почитай,авось пригодится и почитай про pug

[Ankhena]

неужели придется для всех 24 страниц придумывать разные названия классов для всех блоков и секций.

Естественно, если это разные блоки. Если они выглядят одинаково, то классы можно применять многократно.

Answer 1

[Павел]

Можно с помощью быстрой замены во всех файлах текстовым редактором задать класс к body, или же добавить перед закрытием body скрипт который будет добавлять класс к body, что то вроде:

var hasClass = window.location.href;
hasClass = hasClass.substring(hasClass.lastIndexOf('/')+1, 5);
$('body').addClass(hasClass);

Задаст для body class с названием файла, например about.html получит body class="about"

Comments

[Breeze1]

я пока не приступал к верстке, пытаюсь понять как нужно делать правильно )

Answer 2

[Froggyweb]

если блоки выглядят по другому на всех страницах можно обойтись модификатором на страницу (не советую). если блок должен выглядеть по другому применяй к нему модификатор.
Для всех блоков на всех 24 страниц, придумыют уникальные классы ? - точно нет. Либо это отдельные блоки либо модификации существующих