一个CSS规则如何覆盖另一个CSS规则？

一个CSS规则如何覆盖另一个CSS规则？

由于CSS的特殊性。选择器的权重将根据组成它的组件进行评估，其中

id

的权重为100，

class

es的权重为10，

element

选择器的权重为1。

因此，在您的示例中：

table#id-form td

的权重为102（

table#id

为101且

td

为1），而这是：

#particular-td

权重为100。如果将第二个权重改为：

#id-form #particular-td

您将获得200的权重，它将覆盖先前的选择器。仅在万不得已的情况下，才可以使用

!important

，因为这很可能会阻止您覆盖它。