CSS中!important 作用
最新回答
下一個街角
2020-07-05 08:31:29
1、这个属性可以让浏览器优选执行这个语句，加上!importanrt可以覆盖父级的样式。具体的效果可以用一个案例演示，首先新建一个html文件，先新建一个外围div，在在里面设置两个子div，给父div设置class属性parent，第二个子div增加import的class属性：
2、然后在上方的style中设置样式，给div设置宽度和高度，并给它背景颜色；给import类设置背景色，并加入!important 属性就会覆盖父容器的背景颜色：
3、最后来到浏览器中，就可以看到第二个div的背景颜色被覆盖了：
晚街听风
2022-06-10 07:38:36
傲娇到底
2021-05-22 01:05:28
body {
color : red !important;
}
body {
color : black;
}
颜色color出现了两次，而加上“!important”的“color : red;”总会得到优先执行，浏览器将对另一个“color : black;”视而不见。
之所以会说得复杂，是因为“IE 6.0一直都不支持这个语法，而其他的浏览器都支持。因此可以利用这一点来分别给IE和其他浏览器不同的样式定义”，我认为这只不过是一个小技巧罢了。
百年二货
2022-03-27 16:00:13
<html>
<head>
<title>黄色背景</title>
<style type="text/css">
body
{
background-color:yellow;!important
background:red;
}
</style>
</head>
<body >
</body>
</html>
热门标签
