CSS中提升优先级属性的用法是什么,有哪些需要注意的
Admin 2022-07-09 群英技术资讯 795 次浏览
这篇文章给大家分享的是“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必须放在一行样式的末尾并且要放在该行分号前,否则就没有效果。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
在实际项目中,我们通常会需要做一些跨多平台的页面。本文主要介绍了Html5同时支持多端sdk的小技巧,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
前言凡是可以用 JavaScript 来写的应用,最终都会用 JavaScript 来写。——Atwood定律虽然万物都可以是JavaScript,但某种程度css的运行效率会比JavaScript高,所以
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加。绘画canvas元素;用于媒介回放的video和audio元素;本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失,sessionStorage的数据在浏览器关闭后自动删除;语意化更好的内容元素,比如article、footer、header、nav、sect
在css中,可以利用“*”选择器和margin属性来去除元素与浏览器的边框间距,“*”选择器用于选中所有的元素并设置样式,margin属性用于设置元素的外边距属性,只需要将外边距属性的值设置为0即可,语法为“*{margin:0px;}”。
方法:1、利用“元素{animation:名称 时间}”语句给元素绑定动画;2、利用“@keyframes 名称{100%{width:宽度值;}}”语句,设置元素改变宽度的动画动作,实现元素改变宽度的动画效果。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008