На каждой странице весь контент разный (кроме хедера и футера). Как быть в данной ситуации с css?
Есть 4 страницы и они полностью разные (кроме хедера и футера). Как быть в такой ситуации с css? Конечно создавать новые css файлы наверное не вариант, но придумывать новые классы я хз как.
Максим Иванов, пользуйтесь префиксами с названием страницы, например .main--custom-class{...} .shop-category--custom-class{...}
Ну и документацию не забывайте вести, чтобы самому не потеряться в однообразных классах.
Обычно секции как-то называются по-русски. Лаконично переводите на английский.
Внутренние элементы называете __title, __item, __list, __link и т.д.
И это в помощь: https://github.com/yoksel/common-words
Почитай про БЭМ https://ru.bem.info/methodology/quick-start/
Достаточно будет секции "Быстрый старт" без "Файловая структура". Ankhena хорошую ссылку тебе подкинул по базовому названию всяких элементов. Остальное твоя фаназия.
К примеру: блок с новостями - news, со статьями - posts, приемущества - features, контакты - contacts и т.д.
Странно было бы видеть сайт, на котором разные страницы содержат один контент. Контент и д.б. разным.
Я не понял, где проблема. Разный контент можно оформлять одним набором стилей.