这篇文章给大家分享的是“CSS中提升优先级属性的用法是什么，有哪些需要注意的”，对大家学习和理解有一定的参考价值和帮助，有这方面学习需要的朋友，接下来就跟随小编一起学习一下吧。

本文介绍了CSS中提升优先级属性!important的用法问题总结，分享给大家，具体如下：

一、语法

选择器{样式:值!import;}

二、说明

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

例如下面这个样式：

div{
     margin-left:20px!important;
     margin-left:40px;
}

如果是在除了IE6的浏览器中，这些浏览器支持!important属性，也就是说他们会默认让margin-left:20px!important; 这条语句生效，下面的不带!important声明的样式将不会覆盖它，换句话说就是他的级别最高，下面的人都不能取代我！

在IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。请看下述代码：

div {
     margin-left:20px!important;
}
div {
     margin-left:40px;
}

在上述代码中，IE6及以下浏览器中div的margin-left与其它浏览器一致，都为20px;

注意：

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

现在大家对于CSS中提升优先级属性的用法是什么，有哪些需要注意的的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• CSS3变形是什么，常见的CSS3变形操作怎么实现

  CSS3变形指的是利用transform属性对元素进行旋转、扭曲、缩放、位移、矩阵、原点等类型的变形处理；元素的变形操作需要配合使用rotate()、skew()、scale()、translate()、matrix()等函数来实现。

• CSS提供的timeline控件能做什么，实现是什么样的

  在web项目中我们经常要使用时间轴（timeline）控件。本文提供一种基于CSS3的可逐项展开的timeline，在各展开项中可以嵌入文本、图片、视频等元素。运行效果如下： 实现 该控件的实现过程较为简单，主要由test.html文件和timeline.css...

• 如何用HTML+CSS写一个等待的loading效果

  本文主要介绍了纯html+css实现Element loading效果，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 如何用iframe监听DOM元素，实现原理是什么

  开发过程中经常遇到的一个问题就是如何监听一个 div 的size变化。今天小编通过本文给大家介绍通过iframe元素来实现监听。本文通过实例代码给大家介绍的非常详细，需要的朋友参考下吧

• HTML5中如何设置自定义属性，代码是什么

  Html5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性。使用H5自定义属性对象dataset来获取。