文字排版--颜色

最新推荐文章于 2020-11-13 09:21:03 发布

原创最新推荐文章于 2020-11-13 09:21:03 发布 · 566 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用!important声明来提升CSS样式的优先级，确保特定样式即使在其他选择器尝试覆盖时也能生效。通过实例展示了!important如何使颜色设置优先于其他样式。

最高权值

<!DOCTYPE html>
<html>
<head>
	<title>!important</title>
	<style type="text/css">
	p{color: red;}
	.blue{color: blue;}
	</style>
</head>
<body>
<p>
	red
</p>
<p class="blue">
	red
</p>
</body>
</html>

两个red分别一红一绿

!important能使相应的css样式变成最高权值，

<!DOCTYPE html>
<html>
<head>
<title>!important</title>
<style type="text/css">
p{color: red!important;}
.blue{color: blue;}
</style>
</head>
<body>

red


red

</body>
</html>