CSS优先级排序顺序和提升优先级方法!important

本博客主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

1.优先级排序

浏览器根据优先级来决定给元素应用哪个样式,而优先级仅由选择器的匹配规则来决定。

内联》ID选择器》伪类=属性选择器=类选择器》元素选择器【p】》通用选择器(*)》继承的样式

权重:内联样式1000》id选择器100》class选择器10》标签选择器1

演示代码:

p{
color: red!important;
}
#only{
color: yellow;
}
span{
color: rgb(117, 255, 4);
}
.abc{
color: pink;
}
 
<body>
<p>
css样式特点
<spanclass="abc"id="only"style="clor:blue">
优先级问题
</span>
</p>
</body>
 

 

CSS优先级排序顺序和提升优先级方法!important

2.!important

一、语法
选择器{样式:值!important

;}
二、说明
提升指定样式规则的应用优先权,即!important为开发者提供了一个增加样式权重的方法,让浏览器首选执行这个语句。

CSS优先级排序顺序和提升优先级方法!important

就是说他们会默认让color:red!important; 这条语句生效,下面的不带!important声明的样式将不会覆盖它,换句话说就是他的级别最高,下面的人都不能取代我!

注意:
1、IE6及更早浏览器下,!important在同一条规则集内不生效。
2、如果!important被用于一个简写的样式属性,那么这条简写的样式属性所代表的子属性都会被作用上!important。
3、关键字!important必须放在一行样式的末尾并且要放在该行分号前,否则就没有效果。

 

 

未经允许不得转载:作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《CSS优先级排序顺序和提升优先级方法!important》 发布于2019-04-19

分享到:
赞(0) 打赏

评论 1

9 + 9 =
  1. #1

    好文章,支持一下

    热血学霸6个月前 (04-19)回复
CSS优先级排序顺序和提升优先级方法!important

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

79代刷网
代刷网各种代刷 售后有保证 代做各种网站有需要留言给我即可!
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册