CSS选择器的优先级

常用 CSS选择器 查看地址(https://www.cnblogs.com/hleisurely/p/12836777.html)

1.选择器的优先级

!important的优先级别最高 权重值为1111

用来提升某个直接选中标签的选择器中某个属性的优先级的,可以将被指定的属性的优先级提升为最高

第一等级:内联样式 如: style="", 权重值为1000

第二等级:ID选择器 如: #content, 权重值为0100

第三等级:类、伪类和属性选择器 如: .content, 权重值为0010

第四等级:类型选择器和伪元素选择器 如: div p, 权重值为0001

第五等级:通配符、子选择器、相邻选择器 如:*、>、+, 权重值为0000

第六等级:继承的样式没有权值

2.优先级的权重算法

作用:当多个选择器混合在一起使用时,我们可以通过计算权重来判断谁的优先级最高

谁的id最多谁的优先级最高

id个数一样,再看类名个数

如果类名个数一样,再看标签的个数

要是都一样,谁在后面按照哪个来

(0)

相关推荐

  • css选择器有哪些, 选择器的权重优先级

    特殊性 css继承是从一个元素向其后代元素传递属性值所采用的机制.确定应当向一个元素应用哪些值时,浏览器不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源.这个过程就称为层叠.--< ...

  • 小白入门你教程CSS选择器

    CSS越来越重要是大家中所周之的,但是还有很多人不知道CSS有哪些基本选择器和高级选择器?下面我们来总结一下. CSS有哪些基本选择器和高级选择器? ID选择器>类选择器>标签选择器 行内 ...

  • css 选择器

    CSS 选择器 一.常用选择器 元素选择器 p {} id 选择器 #name {} class 类选择器 .box {} 二.复合选择器 交集选择器 p.red {}.box.red {} 选中同时 ...

  • CSS——选择器(三大特性)

    一.继承性 1.基本介绍 #1.定义:给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性 #2.注意: 1.只有以color.font-.text-.line-开头的属性才可以继 ...

  • CSS选择器区别

    "竞争永远只有一个冠军,但我们依然可以选择做自己的盖世英雄.赶快披上漂亮的CSS外衣,好好表现自己一番吧." --有心人做有心事哦,晚安EmilyChen! (一)单一 [1]属性 ...

  • 前端css选择器

    从零开始的前端生活--css基础 选择器 选择器是用来选择对应的html元素. 类选择器 以" . "为开头的选择器,很多元素可以共用同一个类选择器 ID选择器 以" # ...

  • CSS选择器

    标签选择器 例如:`p`.`a`.`h[1,6]`.`span`.`div`... 类选择器(class) class 选择器以 "." 来定义. 如:.id1{样式属性:值;} ...

  • [css] 第113天 标签、class和id选择器三者的区别是什么?分别在什么时候用?

    今日试题: 标签.class和id选择器三者的区别是什么?分别在什么时候用? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我 ...

  • [css] 第96天 行内css和important哪个优先级高?

    今日试题: 行内css和important哪个优先级高? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). ...