Какой решение будет семантичнее?

Question

[Дмитрий]

Добрый день коллеги

Есть задача сделать несколько лэндингов с одинаковым html но с разным цветовыми шаблонами.
Какой способ будет более семантичным ? ( не уверен, что я правильно склоняю это слово )

Вариант 1

div.scheme-1
    div.top-bl
    div.bottom-bl

Вариант 2

div.top-bl.scheme-1
div.bottom-bl.scheme-1

Вариант 3
так же в комментариях подсказали еще одни вариант

<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/sheme-1.css">

div.top-bl
div.bottom-bl

Answer 1

[Trow_eu]

мне понравилась реализация одной темы, где просто для каждой цветовой схемы есть отдельный css (blue.css, red.css, etc.) с меняющимися цветами. в html и структурном css ничего про цвета нет, никакой семантики не затрагивает.

Comments

[Дмитрий]

добавлю это как 3-ий вариант