优先级的计算是基于样式规则选择器的组合。每个选择器都有一个特定的权值,它决定了样式优先级的高低。以下是选择器权值的简单指南:
* - 0 标签选择器 - 1 类选择器 - 10 ID选择器 - 100 内联样式 - 1000 !important命令 - 最高优先级
当多个样式规则具有相同的选择器时,样式优先级取决于权值的总和。例如,一个包含一个类选择器和一个ID选择器的规则将具有权值10 + 100 = 110,优先级高于只包含一个类选择器的规则。在这种情况下,ID选择器的权重要比类选择器高。
在解决冲突时,属性值的后一个样式规则将覆盖前一个样式规则。但是,如果您使用了!important命令,则样式规则的优先级将被提高,即使其选择器的权值较低。
总而言之,CSS的同名样式优先级和权值计算是基于选择器和样式声明的。这些声明可以通过具有不同的选择器和优先级的样式规则重写。但是,您应该谨慎地使用!important命令,因为它将覆盖所有其他规则并可能导致意想不到的结果。