html - CSS 影响错误部分中的元素

Question

我在这个网站上工作了一段时间，遇到了一些问题，但其中很多都是小问题。

现在我只是想不通这里发生了什么。

http://goo.gl/oEuoU5

如果您查看上面写着“今天开始发展您的业务”的文字，您会发现它有一些填充。

现在如果你用元素检查器查看，你可以看到样式来自这个 CSS

.home #pricing h1, h2, h3 {

    padding: 1em;

}

但问题是，该 header 不在#pricing 部分。所以我不明白为什么要设计它的样式。

我尝试过一些类似的东西

 #pricing h1, h2, h3 {

    padding: 1em;

}

或

.pricing h1, h2, h3 {

    padding: 1em;

}

但似乎没有任何效果。我什至尝试查看我是否在文档流中搞砸了，但我找不到任何问题。

如有任何帮助，我们将不胜感激。

Answer 1

#pricing h1, #pricing h2, #pricing h3 {
    padding: 1em;
}

这应该可以解决问题。用逗号分隔类名时，请确保指定所有子类/父类。

该元素因此被设置了样式，因为在第一个逗号之后您只指定了 h2 和 h3，因此它设置了 DOM 中所有外观的样式。