!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在样式中的作用的主要内容,如果未能解决你的问题,请参考以下文章

css important的那些事儿

@import 在子文件夹中的 SASS 文件中不起作用

CSS中!important 作用

vue 修改样式添加!important不起作用怎么办?

CSS中的权重

vue 单文件组件中样式加载