div中的h1標簽會影響所有

Question

我正在嘗試在特定div中設置標題樣式。 問題是，它會影響頁面中的所有標題，即使是另一個div中樣式不同的標題也是如此。

我的導致問題的代碼：

.container .guide-item .content h1, h2, h3, h4, h5 {
    margin-top: 20px;
    padding: 5px;
    color: #e1bb34;
    font-family: 'Lato', sans-serif;
}

它甚至覆蓋了這一點：

.container .mainbar .newsfeed .contents article h4 {
    font-size: 1.6em;
}

Answer 1

您的選擇器規則不正確。 它應該是：

.container .guide-item .content h1,
.container .guide-item .content h2,
.container .guide-item .content h3,
.container .guide-item .content h4,
.container .guide-item .content h5
{}