Может ли кто-нибудь сказать мне, почему я не могу использовать этот код для выполнения моего CSS? [дубликат]

На этот вопрос уже есть ответы здесь:

Решение проблемы

Пробел в вашем селекторе вызывает проблему - когда вы используете кнопку.order {...}, пробел указывает, что класс порядка является селектором-потомком (т.е. он относится к элементу внутри кнопки), но когда вы используйте buton.order {...}, тогда селектор - это кнопка с классом порядка.

Это можно резюмировать следующим образом:

кнопка.order {...}; // стилизовать все элементы внутри кнопки, которые имеют класс «порядок»
<button> <span class="order">1</span></button>

button.order {....} // стиль кнопки с классом "порядок"
<button class="order">1</button>

но вам не нужен селектор элементов, а также селектор класса - просто используйте селектор класса напрямую - если у вас нет кнопок и других элементов html с тем же классом, но требуют другого стиля - тогда вам нужно будет различать

.order {... } // оформляем все вещи классом "order" **