博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css的权重(二)
阅读量:6968 次
发布时间:2019-06-27

本文共 686 字,大约阅读时间需要 2 分钟。

hot3.png

特殊的:

除了上面的四个等级的比较之外,在定义样式的时候,还可以对某一个属性应用 !important. 对于一直从事编程而没做过重构的人,需要特别注意的是这里的 "!" 与其在编程语言中的意义刚好相反,不是代表“不重要”而是代表“很重要”。

CSS2 规范中规定:!important 用于单独指定某条样式中的单个属性。对于被指定的属性,有!important 指定的权重值大于所有未用 !important 指定的规则。,

 !important 的作用只有在具有唯一性时才能提现。如果多条规则中都对同一个属性指定了 !important 呢?这时候 !important 的作用相互抵销,依然按照四个等级来计算比较

不过要切记,!important不能任意使用。

(继承)

除了直接指定到元素上的样式规则以外,每个属性值还有一个可能为 inherit(继承) 的值。表示元素的该样式属性继承自父级元素,与父级元素的定义一致。比如:

运行结果:

006zipb5zy7alPvF53056&690 

从代码中可以看出,我们并没有对的字体颜色进行设置,但运行之后,继承的字体颜色为红色,这就是因为 span 的 color 属性默认值为 inherit.

继续以这个例子为例,我们再来看一另外一种现象

006zipb5zy7alPwafKQ24&690 

运行之后,继承的字体颜色为绿色。这是因为我们队span标签单独设置了字体颜色。

对于  的属性,只要记住一点: 继承而来的属性值,权重永远低于明确指定到元素的定义。只有当一个元素的某个属性没有被直接指定时,才会继承父级元素的值。

 

转载于:https://my.oschina.net/u/2971691/blog/880424

你可能感兴趣的文章
Ceph编译安装教程
查看>>
Oracle总结【SQL细节、多表查询、分组查询、分页】
查看>>
Android Service简介(系列1)
查看>>
机器人快跑!伯克利和CMU联合开发两足机器人,两条细腿,一马平川
查看>>
Android - 电池状态
查看>>
第一个 Dubbo 应用
查看>>
mysql8.0.11安装教程
查看>>
CSS-弹性布局3-伸缩属性
查看>>
阿里巴巴的机器视觉有多强!ET城市大脑发布四大AI视觉产品
查看>>
【山东CIO智库活动】山东省两化融合深度行淄博站成功举办
查看>>
HQL查询
查看>>
一文解读Tensor到底是个啥玩意儿?(附代码)
查看>>
Mysql锁机制简单了解一下
查看>>
[20180328]不要在sys建立用户对象.txt
查看>>
Reactor-Guice 0.0.7 版本发布 ,BUG 修复,自定义模板支持
查看>>
超详细!上线一个机器学习项目你需要哪些准备?
查看>>
IIS如何设置可以让.aspx后缀的文件直接下载
查看>>
为什么区块链对中小企业至关重要?
查看>>
笨办法学 Linux 中文版 翻译完成
查看>>
js 写入图片Exif信息piexifjs
查看>>