重要规则无效(!important无效)的原因

更新时间:2023-07-08 07:53:55 阅读: 评论:0

重要规则⽆效(!important⽆效)的原因
css的样式的特性之⼀:重要性
empirical重要规则:
不同的css样式具有不同的权重,对于同⼀元素,后定义的css样式会代替先定义的css样式,但有时候设计师需要某个css样式拥有最⾼的权重,此时就需要标出此css样式为“重要规则”。愿有岁月可回首 且以深情共白头
telephonenumber阅读到⼀本书,书中贴了如下代码:
.font01{color: red;}
p {
color: blue; !important
}
<p class="font01">使⽤重要规则的时候这段⽂字会显⽰为蓝⾊</p>
按照上诉重要性规则的介绍,在未加⼊!important代码时
3年级上册英语
<p class="font01">使⽤重要规则的时候这段⽂字会显⽰为蓝⾊</p>
剑桥少儿英语教案这段代码会优先显⽰.font01的样式,即⽂字内容显⽰为红⾊。
可是在我运⾏上诉代码时候,我发现!important并未起作⽤。即使加⼊!important⽂字依旧为红⾊,没有显⽰为蓝⾊。
后⾯查阅资料才发现 书上贴的代码是不使⽤的。
color: blue; !important    这种代码有问题
应该更正为:
color: blue !important;无锡东方博宜
kyx小学六年级英语试卷(!important要包含在属性值和分号之间如果在!important前插⼊分号起英文名网站
会导致重要规则⽆效。
正确的运⾏结果:
(p标签的样式设置 ⽐.font01类选择器的样式设置 优先使⽤)
注意⚠ :!important的声明规则将⾼于访问者本地的样式的定义,因此需要谨慎使⽤。
举例书中的例⼦:
当设计师不指定css样式的时候,浏览器也可以按照⼀定的样式显⽰出HTMl⽂档,这时浏览器使⽤⾃⾝内定的样式来显⽰⽂档。同时,访问者还可以设定⾃⼰的样式表,例如视⼒不好的访问者会希望页⾯内的⽂字显⽰得⼤⼀些,因此其设定了⼀个属于⾃⼰的样式表保存在本机内。此时,浏览器的样式表权重最低,设计师的样式表会取代浏览器的样式表来渲染页⾯,⽽访问者的样式表将会优先于设计师的样式定义。
汤姆索亚

本文发布于:2023-07-08 07:53:55,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/170778.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:样式   样式表   时候   规则   设计师
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图