css选择器的优先级和权重（css选择器权重优先级排序）

各位老铁们好，相信很多人对css选择器权重优先级排序都不是特别的了解，因此呢，今天就来为大家分享下关于css选择器权重优先级排序以及css选择器的优先级和权重的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

css样式优先级高低排列

1、后代选择器(如：#head .nav ul li 从父集到子孙集的选择器)子元素选择器(如：divp ，带大于号)伪类选择器(如：就是链接样式，a元素的伪类，4种不同的状态：link、visited、active、hover。

2、CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。

3、css样式采取的就近样式原则。行内样式优先级最高，没有行内样式那么会回在页答面找内嵌样式。名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。

CSS中权重的优先级是什么?

1、CSS选择器优先级 （1）CSS选择器都有权重值，权重值越大优先级越高。内联样式表的权重值最高，值为1000。id选择器的权重值为100。class选择器的权值为10。类型（元素）选择器的优先级为1。通配符选择器的优先级为0。

2、CSS权重是由四个数值决定，看一张图比较好解释： 图里是英文的，我翻译过来分别说一下，4个等级的定义如下： 第一等：代表内联样式，如： style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。

3、CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。

4、所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。既然样式有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是重点。样式表允许以多种方式规定样式信息。

5、CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。如果样式是行内样式（通过Style=””定义），那么a=1 b为ID选择器的总数 c为Class类选择器的数量。

css的优先级顺序是怎样的

1、算法：将每条规则中，选择符对应的数相加后得到的”四位数“，从左到右进行比较，大的优先级越高。看完了上述内容，那我们就来看看css选择器优先级的具体排序。

2、按优先级：前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

3、CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。

文章到此结束，如果本次分享的css选择器权重优先级排序和css选择器的优先级和权重的问题解决了您的问题，那么我们由衷的感到高兴！