在CSS中定位Section元素

Question

是否可以告诉我如何在CSS3中定位具有section特定ID的#dress元素？ 这是我的代码：

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

和风格：

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

但它不起作用

Answer 1

空格是Descendant selector。您想要的选择器是section#dress。

但是，我认为这个选择器不容易维护。相反，最好使用#dress，以便您可以选择元素而不管其类型。

作为对此的补充，有一个建议说，由于应用于ID的特殊性规则，您应该专门针对CSS中的选择器坚持使用类。例如，假设您必须在以后更改此#dress的样式：

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

现在，如果你有<section id="dress" class="label-list">，那么背景仍然是#cdcdcd，即使级联中有.label-list。您可能希望坚持使用样式类。这只是一个建议，而不是一个硬性规则。