Последовательность размещения CSS-классов элемента в HTML-документе не влияет на его свойства. И это легко доказать.

Для начала, создадим два класса:

.a {
  color: red;
}
.b {
  color: blue;
}

А теперь посмотрим на разметку HTML-документа:

Текст

Конечно, текст будет синего цвета, ведь это свойство определено классом .b, но что будет если мы объявим классы в другой последовательности:

Текст

Какого цвета будет текст? Красного или синего?

Это простой и, можно сказать, достаточно глупый вопрос, но он сбивает с толку многих разработчиков, хорошо знакомых с CSS.

Спешу заверить, что текст в примере по прежнему останется синим, потому что место, занимаемое классом для элемента в HTML-документе, не имеет значения - в данном случае правила работают только в пределах CSS-документов: при прочих одинаковых условиях для элемента будут работать свойства того класса, который был объявлен последним.

Спасибо за внимание.