CSS样式在DIV外部应用

Question

在我的样式表中，我用下面的代码覆盖了H1和H2的样式： 而在我的HTML中，我已将该样式应用于包含DIV的DIV H1标签。

但是，这种风格也适用于问题后的H1和H2标签。

这里复制：http://jsfiddle.net/89gkQ/1/

为什么风格应用在那里的应用股利之外，以及如何阻止它？

Answer 1

在CSS中，逗号不能正常工作像它的英文：

.featuredtitle h1, h2 { 
    color: red; 
} 

该代码相当于下面的代码：

.featuredtitle h1 { 
    color: red; 
} 

h2 { 
    color: red; 
} 

这是不是你想要的。逗号只允许你写多个选择，所以你想更详细一点：

.featuredtitle h1, .featuredtitle h2 { 
    color: red; 
} 

演示：http://jsfiddle.net/89gkQ/2/

Answer 2

的问题是在这里：

.featuredtitle h1,h2 { 
    font-size: 1.5em; 
    font-weight:bold; 
    color:#a00; 
} 

你应该请改为：

.featuredtitle h1, .featuredtitle h2 { 
    font-size: 1.5em; 
    font-weight:bold; 
    color:#a00; 
} 

逗号会启动一个新选择器，在这种情况下，该选择器将使样式适用于所有H2标签，而不管它们在哪里。