對分區沒有影響的CSS類

以下是CSS文件的一部分以及一些HTML。任何人都可以告訴我，當我把類=「containerHeader選擇」（如在測試頭A）背景顏色沒有被設置爲紅色？對分區沒有影響的CSS類

div#builderContainer 
 
{ 
 
    margin-top: 15px; 
 
    width: 390px; 
 
    height: 700px; 
 
    border: solid 0px #CCCCCC;   
 
    background-repeat: no-repeat;  
 
} 
 

 
div#builderContainer .container 
 
{ 
 
    display: none; 
 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* Corner radius */ 
 
    border: solid 1px #999999; 
 

 
} 
 

 
div#builderContainer .container div:hover 
 
{ 
 
    background-color: #EEEEEE; 
 
} 
 

 
div#builderContainer .containerHeader 
 
{ 
 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
 
    background: #93c3cd url(images/ui-bg_diagonals-small_50_93c3cd_40x40.png) 50% 50% repeat; 
 

 
    border-bottom: solid 0px #999999;  
 

 
    margin: 0px;  
 
    margin-top: 25px;  
 
    padding: 10px;  
 

 
    /* display: none; */ 
 

 
    border: solid 1px #999999;  
 
    font-weight: bold; 
 
    font-family: Verdana; 
 
    background-color: #FFF;   
 
    cursor: pointer;  
 
    vertical-align: middle; 
 
} 
 

 
div#builderContainer .containerHeader:hover 
 
{ 
 
    background: #ccd232 url(images/ui-bg_diagonals-small_75_ccd232_40x40.png) 50% 50% repeat; 
 
} 
 

 
div#builderContainer .containerHeader:active 
 
{ 
 
    background: #db4865 url(images/ui-bg_diagonals-small_40_db4865_40x40.png) 50% 50% repeat; 
 
} 
 

 
div#builderContainer .containerHeader .selected 
 
{ 
 
    background-color: Red;   
 
}

<div id="builderContainer"> 
 

 
    <div class="containerHeader selected" id="CHA">Test Header A</div> \t \t \t \t 
 
    <div class="container" id="CA"></div> 
 

 
    <div class="containerHeader" id="CHB">Test Header B</div> \t \t \t \t \t \t 
 
    <div class="container" id="CB"></div> 
 

 
</div>

來源

2010-03-31 ETFairfax

感謝您的所有答案（以及Richard JP Le Guen）。我試過所有的答案，但仍然沒有快樂。澄清這是我想要做的... 在與class =「containerHeader」的div上我想應用某些樣式。然後，如果我使用class =「containerHeader selected」來定義div，我希望div現在具有所有特性，但現在已應用所選樣式。只寫這讓我問這個問題，哪種風格優先，如果他們都有說邊框樣式定義？我接近這個完全錯誤嗎？ – ETFairfax 2010-03-31 22:10:28

使用選擇器div＃builderContainer .containerHeader.selected沒有空格。

來源

2010-03-31 21:23:59 asgerhallas

如果我沒有錯，它會在IE6中失敗。 – Michas 2010-03-31 21:38:32

div#builderContainer .containerHeader .selected可能指定.selected作爲containerHeader的孩子。您是否嘗試將其定義爲#builderContainer .selected而不是？

來源

2010-03-31 21:18:34 WillCodeForCoffee

您需要用逗號分隔您的CSS規則。

我想你期待div#builderContainer .containerHeader .selected適用於div#builderContainer，.containerHeader和.selected，但它是真正申請是.selected內一個.containerHeader內一個div#builderContainer。相反，逗號分隔它們：

div#builderContainer, .containerHeader, .selected { 
    background-color: Red; 
}

或者，如果你的意思爲它僅適用於一個元素與兩類containerHeader和selected中，「builderContainer」裏面，刪除這兩個之間的空間。

來源

2010-03-31 21:23:01 keithjgrant

對分區沒有影響的CSS類

回答

相關問題