2011-09-19 38 views
4

我有一個div,在不同的<h>標籤內。Css設置屬性爲h2爲h6爲特定類

我想申請一些格式到所有<h>標籤內專門到任何與類cnt只有

目前我使用下面的CSS沒有成功......任何想法我做錯了什麼,以及如何解決它?

<div class="cnt"> 
    <h1>Some Text.</h1> 
    <h2>Some Text.</h2> 
    <h3>Some Text.</h3> 
    <h4>Some Text.</h4> 
    <h5>Some Text.</h5> 
    <h6>Some Text.</h6> 
</div> 


    h2 h3 h4 h5 h6 .cnt 
    { 
     font-size:16px; 
     font-weight:700; 
    } 

回答

10
.cnt h2, .cnt h3, .cnt h4, .cnt h5, .cnt h6 { 
    font-size:16px; 
    font-weight:700; 
} 

閱讀了關於css specificity

+0

非常感謝! – GibboK

2
.cnt h1, .cnt h2, .cnt h3, .cnt h4, .cnt h5, .cnt h6 { 
    font-size:16px; 
    font-weight:700; 
} 
0

試試這個:

div.cnt h1, div.cnt h2, div.cnt h3, div.cnt h4, div.cnt h5, div.cnt h6 
{ 
    /* ... */ 
} 
2

captainclam有正確的答案,但只是讓你瞭解一點關於它爲什麼沒有工作,下列選擇:

h2 h3 h4 h5 h6 .cnt 

將是類似以下內容:

<h2><h3><h4><h5><h6><div class="cnt"></div></h6></h5></h4></h3></h2> 

(帶班CNT任何東西可以放在H6爲它申請)

@Ross,它有無關特異性;選擇器是錯誤的。

+0

感謝您的解釋! – GibboK