!important 的绝对控制样式

时间：2023-01-18 13:00:12
	<head>

        　　<style type="text/css">

		div{background-color: blue !important;}

	　　</style>

	</head>

	<body>

	　　<div style="width: 100px;height: 100px;background-color: red;"></div>

	</body>

　　一般来说内联样式的优先级权重大于内嵌样式

直接在div标签上写style属性叫做内联样式  而在head标签里定义的style标签里写的叫内嵌   而通过css文件加载的叫外联

上面的代码可以看出，使用了!important属性后，内嵌样式高于了内联样式

当然，如果你在内联样式又加一个

background-color: red !important;  那么内联又高于了内嵌

相关文章