基本规则是相同级别的数量、优先级的数量、影响CSS模式权重的两个因素，即顺序和数量。




首先，向您展示CSS优先级的一个示例。

复制代码代码如下所示：



# REDP p {
重量= 100 + 1 = 101 **
颜色：# F00； / * * /红色
}
# redp.red EM {
重量= 100 + 10 + 1 = 111 **
颜色：# 00f； / * * /蓝色
}
#项目P跨EM {
重量= 100 + 1 + 1 + 1 = 103 **
颜色：# ff0； / * * /黄色
}




红
EM红

红





第一，基本优先权规则

与同一级别的数量相比，优先级越高的数量越多。如果相同的是下一级的数量，那么每个级别的优先级如下：

> > > >重要ID内联类标签|伪类的属性选择对象> > > |伪通配符继承

二、CSS权重规则

在页面重构的模块化设计中，有两个影响CSS样式权重的重要因素。

答：样式的优先级与样式定义的顺序有关。

B：重量的大小与选择器的类型和数量有关。

一般来说，在同一CSS文件中，如果有两种同名的样式，后面的定义将覆盖第一个定义。选择器类型的优先级是（1）。

那么，CSS的权重是多少呢

选择器的权重表示：0.0.0.0，每个号码填入计算规则的规定，以及相应的地位是平等的，那么下一位比较。

权重的计算规则如下：（为方便起见，用ABCD来代替每个位置的值）

1。嵌入式样式：A = 1，B = C = D = 0（为）

2、ID风格：用几个ID选择器，二加1几如#头{颜色：红}，即A = C = D = 0，B = 1（0.1.0.0）。

3，类、伪类和属性的数量是第三位的值：

。a.b {类型=文本}：悬停{ }，选择有2个班，1个属性，和1个伪类，所以它的第三位是4，A = B = D = 0，C = 4，（即0.0.4.0）。

4。伪元素和标签元素的数量是第四位的值。

P：第一封信，有一个标签元素和伪元素的第一个字母，这是2，A = B = C = 0，D = 2（即0.0.0.2）。

5。通配符和继承的CSS属性对权重没有影响。

三，几个例子

对于以上，请参见下面的示例

1、颜色：红色。ABC {；} / / 0.0.3.0解释说：只有三类

2、* { hellip；} / / 0.0.0.0说明通配符对减肥没有效果

3、颜色：绿色，A.b一{ } / / 0.0.2.1解释：两类标签

4、#藏{颜色：黑色；} / / 0.1.0.0解释说：只有一个ID