页面css优先级，供您详细阅读
所谓CSS优先级是指在浏览器中解析CSS样式的顺序。CSS是层叠样式表的缩写。我们可以通过CSS设置丰富而容易修改的外观。在谈到CSS优先级之前，我们必须知道CSS是什么，CSS是做什么的。
首先，让我们简单地解释一下CSS：CSS是层叠样式表的缩写，它的规范代表了互联网历史上一个独特的发展阶段，现在对于从事Web制作的朋友来说，很少会听说CSS，因为我们经常需要在网页制作过程中使用CSS。
其次，我们可以通过CSS为文档设置丰富而易于修改的外观，以减轻网页制作者的工作量，从而降低制作和后期维护的成本。
事实上，现在CSS是什么，CSS的作用是什么，完全是多余的，我相信从事网络制作的朋友已经或多或少暴露了出来。
好了，我们开始今天的话题：
一、CSS优先级是什么
所谓CSS优先权，即在浏览器中解析的CSS样式的顺序。
二、CSS优先级规则
既然样式有优先权，就会有一条规则来召集这个优先权，这就是规则，这就是你需要讨论的问题。
在样式表中的特殊性，介绍了不同规则的相对权重，它的基本规则：
统计选择器中id属性的个数。
统计选择器中的类属性的数目。
统计选择器中的HTML标记名称的数目。
最后，按照正确的顺序写出三个数字。不加空格或逗号，并得到一个三位数（CSS2.1是4位数表示）。（注意，你需要将数字较大数量，以三结尾的数字）。相应的选择最终的号码列表可以很容易确定，较高的数字特征，覆盖了较低的数字。
例如:
每个ID选择器（# someid），加上0,1,0,0。
每类选择器（Someclass），每个属性选择器（形式为{ attr =值}，等），每个伪类（如：悬停，等）加0,0,1,0。
每个元素或伪元素（：第一个孩子），等等，加上0,0,0,1。
其他选择包括全局选择器*，加上0,0,0,0。那是不一样的，但它是一种特异性，这将在稍后解释。
三。用于特征分类的选择器列表
下面是按特征分类的选择器列表：
选择器
特征值
颜色：蓝色；}
一
颜色：紫色；}
二
苹果{颜色：红色；}
十
p.bright {颜色：黄色；}
十一
p.bright em.dark {颜色：棕色；}
二十二
# id316 {颜色：黄色}
一百
从上面的表看来，它不是很清楚，然后给出一个表。
选择器
特征值
颜色：蓝色；}
一
颜色：紫色；}
1 + 1 = 2
苹果{颜色：红色；}
十
p.bright {颜色：黄色；}
1 + 10 = 11
p.bright em.dark {颜色：棕色；}
1 + 10 + 1 + 10 = 22
# id316 {颜色：黄色}
一百
通过上面，您可以很容易地看到HTML标记的权重为1，类的权重为10，id的权重为100，继承的权重为0。
根据这些规则，逐位地添加数字字符串，然后得到最终的权重，然后在比较中从左到右逐位比较。
优先权实际上是解决冲突的问题。当同一个元素（内容）选择CSS，傅轩中应该根据优先采取不同的CSS规则，这涉及到许多问题。
在这种情况下，我们必须讨论CSS的继承性。
多个CSS样式文件的载入网页，其中一个是来自Ext库的样式文件，它定义了所有标签的一些风格，在原网页显示不正确。正确的方式是通过寻找相应的方式重新排列。添加新的风格对身体的标签，但有两种风格，和Ext的风格仍然是有效的。最终发现尚未添加设置一个新的风格的时候，这是唯一的身体标签有用，但它不是有效的子标签。以下是修改后的样式
复制代码代码如下所示：
。DIY，
自己动手做{
盒子大小：内容框；
-moz盒尺寸：内容框；
Webkit盒尺寸：内容框；
}
当标签被多个样式定义时，模式冲突时，优先级为为id定义的样式；类定义样式；为标记类型定义的样式。
复制代码代码如下所示：
div {
边境：2px固体# 0000ff；
}
powerheader {。
边境：2px固体# 00ff00；
}
#导航{
边境：2px固体# FF0000；
}
在标签中，第一个应用是#导航，当#导航不存在，应用the.powerheader风格，最后是div的样式。
同时，当单个链接或样式定义多个标签类冲突时，在最后一个类中定义的类被应用。
理解CSS样式优先级可以避免Web开发中的许多风格冲突问题。