Question

我正在使用这个 CSS 代码：

<style type="text/css">
#TicketUpdateLeft {
    border:1px solid black;
    colour:#999999;
}
#TicketUpdateLeft .Customer {
    background-colour:#000000;
}
</style>

和 HTML ：

<div id="TicketUpdateLeft" class="Customer">test</div>

但背景颜色未显示为#000000，但边框和文字颜色正常

Answer 1

#TicketUpdateLeft .Customer之间不应有空格，因此应该

#TicketUpdateLeft.Customer

如果您在id和class之间有空格，则选择器的含义会发生变化，它会查找名为class .Customer的元素它嵌套在id #TicketUpdateLeft

的color元素中

你也错误地拼写了color，它是colour而不是#TicketUpdateLeft.Customer

Demo

此外，您不需要像id这样的选择器，因为ID在文档中是唯一的，因此不需要过度指定，但如果您使用相同的{{ <}>在另一个文档中使用不同的class，而不是选择器。

Answer 2

color而非colour。

例如：background-color:#000000;和color:#999999;

根据您的代码，您确实希望使用#TicketUpdateLeft.Customer（它们之间没有空格）。

<强> jsFiddle example

Answer 3

需要

#TicketUpdateLeft.Customer

而不是

#TicketUpdateLeft .Customer

您拥有它的方式，CSS定位#TicketUpdateLeft的子元素，类Customer

colour应该只是color

具有id和类的CSS不显示类样式

3 个答案: