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標籤，而不管它們在哪裏。