Как использовать несколько классов с одним идентификатором?

Question

Я хочу, чтобы это произошло:

.category-news #main-header { 
    background: #001846 !important; 
} 

.category-sports #main-header { 
    background: #001846 !important; 
} 

Но вместо 2 строки кода, можно объединить его в 1?

Answer 1

Поскольку идентификаторы уникальны в документе и имеют очень высокую специфичность любые селекторов перед ними нет никакой разницы - так оба ваших селекторов фактически всегда выбирают #main-header и может быть безопасно объединены в одно:

#main-header { 
    background: #001846 !important; 
} 

Answer 2

Вы можете 't имеет несколько id s. Таким образом, они должны относиться к одному элементу на самом деле:

#main-header { 
    background: #001846 !important; 
} 

Если вы используете несколько id сек, то, что является недействительной разметкой и не будет работать правильно.