-
css笔记-层叠样式表的优先级
优先级就是分配给指定的 CSS 声明的一个权重,它由 匹配的选择器中的 每一种选择器类型的 数值 决定。
而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候,CSS 中最后的那个声明将会被应用到元素上。
当同一个元素有多个声明的时候,优先级才会有意义。因为每一个直接作用于元素的 CSS 规则总是会接管/覆盖(take over)该元素从祖先元素继承而来的规则。
选择器类型
下面列表中,选择器类型的优先级是递增的:
- 类型选择器(例如,h1)和伪元素(例如,::before)
- 类选择器 (例如,.example),属性选择器(例如,[type="radio"])和伪类(例如,:hover)
- ID 选择器(例如,#example)。
通配选择符(universal selector)(*)关系选择符(combinators)(+, >, ~, ' ', ||)和 否定伪类(negation pseudo-class)(:not())对优先级没有影响。(但是,在 :not() 内部声明的选择器会影响优先级)。
给元素添加的内联样式 (例如,style="font-weight:bold") 总会覆盖外部样式表的任何样式,因此可看作是具有最高的优先级。
能在使用优先级的情况下尽量不要使用!important规则,因为这破坏了样式表中的固有的级联规则,使得调试找 bug 变得更加困难了。
知识来自: CSS的优先级
2022年6月25日 21:42
-
简单剪了一个手机铃声,歌曲来自动画《罗小黑战记》里边的插曲,“嘿咻狂想曲 - 艾索”,第一次听到时就感觉特别适合做铃声。
2022年6月24日 22:40
-
花了一些时间,把picgo对接到了自建的chevereto图床,现在可以愉快地本地写文章了。
期间发生了一些有趣的事情,为了能使编辑器可以预览图片,需要在CF的防盗链配置里增加允许空Referer,不知道允许空Referer规则怎么写!本着死马当活马医的精神把Referer值留空,没想到竟然成了!2022年6月9日 15:19
-
今天收到了杭州地铁的通知,面试过了欸,准备签订三方协议。
(终于不用去做销售买房子了2022年6月8日 21:39
-
reverse-sourcemap是一个通过JavaScript Source Map还原JavaScript源码的npm工具。
执行命令npm install reverse-sourcemap
来安装该工具包
输入reverse-sourcemap -h
查看使用帮助
示例:reverse-sourcemap -v 155.js.map -o output1
2022年6月7日 11:43
-
回家过了端午节,想着论文也已经提交,索性把行李都打包回去了,接下来等着领毕业证和学位证就可以了
2022年6月4日 11:05
-
最近很焦虑,因为没找到工作...
躺在床上眼睛一睁开,脑海里就是工作在哪里2022年5月30日 13:58
-
落尽红樱君不见,轻绘梨花泪沾衣
2022年5月7日 10:36
-
鉴于Google Analytics日常被屏蔽导致统计不准确以及基于“数据在自己手上才是最安全的”思想,现在网站接入了自建的统计分析平台,基于Matomo,这可能是最接近Google Analytics的统计平台
2022年5月6日 13:17
-
去年萌节不知道做了什么,忘记续费大会员了。。。。现在看个视频像看马赛克一样
2022年4月22日 14:39
-
启用了新的说说(动态),历史动态已经放到了另外一个页面。在这里:https://kanochan.net/cross_history/
2022年4月9日 22:16
-
第二条说说测试
2022年4月9日 20:40