CSS中的目標部分元素

Question

請問我可以讓我知道如何在CSS3中使用像#dress這樣的特定ID來定位section元素？ 這裏是我的代碼：

<section id="dress"> 
<p> Lorem Ipsum.................................. of Lorem Ipsum.<> 
</section> 

和風格：

section #dress{ 
    background-color: #cdcdcd; 
} 

，但它不工作

Answer 1

空間，，是Descendant selector。你想要的選擇器是section#dress。

但是，我認爲這個選擇器不容易維護。相反，最好使用#dress，以便您可以選擇元素而不考慮其類型。

作爲一個附錄，那裏有一個建議，那就是你應該堅持使用CSS中選擇器的類，因爲應用於ID的特殊性規則。例如，假設你不得不改變這個#dress樣式在稍後的日期：現在

#dress { 
    background-color: #cdcdcd; 
} 
.label-list { 
    background-color: #dcdcdc; 
} 

，如果你有<section id="dress" class="label-list">，背景仍然是#cdcdcd即使.label-list遵循級聯。你可能想要堅持類的風格。但這只是一個建議，而不是一個硬性規則。