1つのIDセレクタで複数のクラスを使用するにはどうすればよいですか？

Question

私はこれが起こることを望む：

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

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

しかし、その代わりに、コードの2行の、私は1にそれを組み合わせることができますか？ IDは、文書内で一意であり、非常に高い特異性を持っているので

Answer 1

は彼らの前に任意のセレクタは違いはありません - ので、あなたのセレクタの両方が実際に常に#main-headerを選択して、安全に一つにマージすることができます

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

Answer 2

することができます複数のidがあります。あなたが複数のid Sを使用している場合は、それが無効でマークアップされ、正しく動作しません

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

：だから彼らは実際には同じ要素を参照する必要があります。