div内的h1标签影响所有

时间:2015-10-05 12:14:13

标签: html css

我正在尝试在特定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;
}

1 个答案:

答案 0 :(得分:5)

您的选择器规则不正确。它应该是:

.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
{}