CSS选择器的优先级是怎么定义的？

基本原则：
一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越精确，它的优先级就越高。
复杂的计算方法：
用1表示派生选择器的优先级
用10表示类选择器的优先级
用100表示ID选择器的优先级

例如1：
div.test1 .span var 优先级 1+10 +10 +1
span#xxx .songs li 优先级 1+100 +10 +1
#xxx li 优先级 100 +1

例如2：
看下列代码，P标签内的文字是什么颜色的？

答案及解析：https://blog.csdn.net/LuckXinXin/article/details/104505942

CSS选择器的优先级是怎么定义的？相关推荐

详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用.而在标签内写入style=""的 ...
CSS选择器的优先级的相关介绍
css选择器的优先级使用不同的选择器,选中同一个元素并且设样式的时候, 这样样式就会产生冲突,最终到底采用哪一个选择器定义的样式,由选择器的优先级(权重)决定,优先级高的优先显示优先级规则(权重值 ...
【CSS笔记】CSS选择器的优先级（权重）
目录 1.1.选择器的优先级 1.2.CSS选择器权重 1.1.选择器的优先级 CSS选择器的优先级顺序如下所示: 内联样式(style) > id选择器 > class选择器 > ...
CSS选择器的优先级是怎样的？
CSS选择器的优先级是:内联 > ID选择器 > 类选择器 > 标签选择器到具体的计算层面,优先级是由 A .B.C.D 的值来决定的,其中它们的值计算规则如下: A 的值等于 1 ...
[转]《精通css》笔记1：css选择器与优先级
本文转自:http://www.cnblogs.com/webmoon/archive/2012/12/02/2798183.html css选择器一.基础选择器 css基础选择器有标签选择器.类选 ...
css选择器的优先级和权重问题
CSS选择器的种类: 1.id选择器如:(id="name",id="name_txt)(*name) 2.class选择器(如:class="head&quo ...
CSS选择器及优先级总结
一.优先级不同级别在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式. 作为style属性写在元素内的样式 id选择器类选择器元素选择器通配符选择器浏览器自定义或继承 ...
CSS选择器及其优先级排序
一. CSS选择器分类 CSS选择器如下: CSS的选择器其实大类的话可以分为三类,即id选择器.class选择器.标签选择器. 用法如下: id选择器: #id名 { 属性名:属性值; } clas ...
css选择器的优先级
1. 引言选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明. 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到 ...

CSS选择器的优先级是怎么定义的？

CSS选择器的优先级是怎么定义的？相关推荐

最新文章

热门文章