Какого цвета блок?

Вопрос риторический.

Суть:
Есть блок с калссами
.red .green .blue
<div class="red green blue">&nbsp;</div>

Какой цвет блока?

Усложним:

<div class="red green blue">&nbsp;</div> // какой цвет у блока?
<div class="blue red  green">&nbsp;</div>  // какой цвет у блока?
<div class=" green blue red">&nbsp;</div>  // какой цвет у блока?
1 лайк

Конечный цвет блока будет зависеть от того в каком порядке определены классы стилей и есть ли определение цвета с !important.

  1. Если !important нет, то возьмется цвет из самого позднего определения цвета.
  2. Если !important определения есть, то возьмется цвет из самого последнего определения цвета с !important.

Порядок следование классов в html аттрибуте на конечный результат не влияет.