CSS中!important 作用

请各位说明的时候简单一些,搜索、复制粘贴就不用,我看了太复杂了,请说简单一些... 请各位说明的时候简单一些,搜索、复制粘贴就不用,我看了太复杂了,请说简单一些 展开
 我来答
飞喵某
高粉答主

2019-06-21 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.5万
展开全部

1、这个属性可以让浏览器优选执行这个语句,加上!importanrt可以覆盖父级的样式。具体的效果可以用一个案例演示,首先新建一个html文件,先新建一个外围div,在在里面设置两个子div,给父div设置class属性parent,第二个子div增加import的class属性:

2、然后在上方的style中设置样式,给div设置宽度和高度,并给它背景颜色;给import类设置背景色,并加入!important 属性就会覆盖父容器的背景颜色:

3、最后来到浏览器中,就可以看到第二个div的背景颜色被覆盖了:

zgh26782000
推荐于2017-10-11 · TA获得超过1453个赞
知道小有建树答主
回答量:788
采纳率:0%
帮助的人:499万
展开全部
简单来说,每个浏览器对某些css的样式解释的不太一样,这样页面上显示的就不一样,但是要保持每个浏览器都同样显示效果的话,那么只有对有差异的浏览器写它自己认识而别的浏览器不认识的样式来达到显示相同的目的,这个在css中叫hack。所以我们就需要知道某个浏览器认识某些写法了。当遇到问题的时候就可以使用这些hack来解决问题了,不过对于你说的这个hack我倒是没用过,只要代码写的好,基本上除了ie6都是可以通过的
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
rick003
2012-08-22 · TA获得超过1238个赞
知道小有建树答主
回答量:161
采纳率:0%
帮助的人:66.9万
展开全部
CSS中“!important”可以使它之前的样式优先执行,比如说这样:
body {
color : red !important;
}
body {
color : black;
}
颜色color出现了两次,而加上“!important”的“color : red;”总会得到优先执行,浏览器将对另一个“color : black;”视而不见。
之所以会说得复杂,是因为“IE 6.0一直都不支持这个语法,而其他的浏览器都支持。因此可以利用这一点来分别给IE和其他浏览器不同的样式定义”,我认为这只不过是一个小技巧罢了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
回忆526
推荐于2017-10-04 · TA获得超过4165个赞
知道大有可为答主
回答量:3276
采纳率:87%
帮助的人:1898万
展开全部
CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。 IE6不认识它的,IE7和别的浏览器中可以用,用来处理浏览器的兼容性,这里写段代码:
<html>
<head>
<title>黄色背景</title>
<style type="text/css">
body
{
background-color:yellow;!important
background:red;
}
</style>
</head>
<body >
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式