Html css是如何应用于类和ID的？

我在一个div中有一个表，CSS被提供给tr，id=“test”没有得到更新，当td的CSS被删除时，它正在工作。在css中如何选择元素以及为什么样式不应用于tr

#divID.w3表#测试{
背景颜色：蓝色
}
#divID.w3表td{
背景颜色：黄色
}

名字
姓
要点
吉尔
史密斯
50

因为您将css应用于TR而不是TD，所以TD也有背景色，TR不再可见。我建议做如下事情：

divID .w3-table td{background-color:yellow}
divID .w3-table #test td{background-color:blue}

在本例中，我们添加了#测试（以tr的id为目标），然后嵌套了td，这将确保css按照预期工作，因为您的实现以tr#测试为目标，而td仍然在该#测试中

最好是以后再进行测试，因此它也会最后一次覆盖，否则理论上黄色仍然可以应用，因为它是在以后定义的（覆盖）。

方法A）

td

始终覆盖

tr

[/strong>

#divID.w3表td

始终覆盖

#divID.w3表#测试

]

注：

#测试是tr的Id

对于修复：您必须在

id

之后插入

td

选择器，如下所示：

#divID .w3-table #test td {
  background-color: blue;
}

#divID.w3表#测试td{
背景颜色：蓝色；
}
#divID.w3表td{
背景颜色：黄色；
}

名字
姓
要点
吉尔
史密斯
50