!important属性

什么是important？important在英文中含义是“重要的”意思!important在CSS中的作用它主要是用来提升属性的标重。其属性的权重值无穷大.

使用!important属性的语法格式属性:值!important;

如果!important提升是选择器的权重那么现在当我刷新浏览器以后文本这两个字的大小应该是20px颜色是红色;但是如果是提升的属性的权重;文本这两个字的大小应该100px颜色是红色

<style type="text/css">
	p{
		color: #f00!important;
		/*加了!important的属性,它的权重值会变得无穷大*/
		font-size: 20px;
	}
	.box{
		color: #0f0;
		font-size: 100px;
	}
</style>
<p class="box">
	关于表彰冬奥会冬残奥会突出贡献集体和个人的决定
</p>

使用!important一定要注意以下几点：

1、!important它是提升的属性的权重，而不是提升选择器的权重！

上图的效果：文本的颜色是听加了!important的属性，文本的大小是听类选择器的因为!important它只提升了属性的权重并没有提升选择器的优先级。

2、!important它不能提升继承过来的权重！

<div>
	<span>【看点】林书豪谈失误后状态：不敢离开家，不敢看社交媒体</span>
</div>
<style type="text/css">
div{
	color: #F00!important;
}
span{
	color: aqua;
}
</style>

转载请注明：大灰牛博客 » !important属性