!important在样式中的作用
Posted java-ty
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了!important在样式中的作用相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>!important</title>
</head>
<style type="text/css">
#test p{
color: #000 !important;
}
.fontstyle{
color:#00FF00;
}
</style>
<body>
<div id="test">
<p class="fontstyle">样式带有!important的元素优先级最高</p>
</div>
</body>
</html>
<!--#test p的color样式使用了!important ,所以有优先级最高,覆盖掉fontstyle样式-->
以上是关于!important在样式中的作用的主要内容,如果未能解决你的问题,请参考以下文章