Итак, мой вопрос.Каков будет «правильный» способ их стилизовать в CSS / HTML?В настоящее время я использую несколько классов для цветов, размеров и веса ..
Да.Не так.
Проблема этого подхода состоит в том, чтобы изменить стиль одного элемента, вам нужно изменить разметку, а не CSS.Кроме того, как вы уже обнаружили, ваша разметка быстро запутывается.
"Правильный" способ - создать класс для каждого обычного блока, даже если он во многих отношениях выглядит так же, как и другой блок..
Блок, содержащий «Апартаменты Royal Kostas, Майорка», может иметь тот же шрифт и размер, что и блок, содержащий «Из Манчестера», но это не значит, что вы должны попытаться удалить дублированный код из CSS.Многие пытались найти способы создания DRY CSS-файлов, и это только приводит к боли, когда отдел маркетинга / дизайна решает уменьшить размер шрифта «Из Манчестера», но не остальное.
Более сложный выбор - это гдестили полностью идентичны, такие как «Royal Kostas Apartments, Майорка» и «Для 7 ночей 3 * самообслуживания на основе 4 обмена».Я бы все еще утверждал, что это должны быть разные классы с одинаковым стилем, но это личный выбор.
Я склонен сильно склоняться к этому руководству: если изменение дизайна сайта с использованием тех же данных требует измененияк разметке, вы делаете это неправильно.