css !important 用法

himici

于 2016-11-08 10:56:59 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css-属性文章标签： css

本文链接：https://blog.youkuaiyun.com/u012184853/article/details/53080083

css-属性专栏收录该内容

1 篇文章

订阅专栏

本文介绍了 CSS 中 !important 的作用及其使用场景。通过对比示例展示了如何利用 !important 提升样式优先级，解决样式冲突问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css !important ：的作用就是提高css属性的优先级

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <style type="text/css">
        .testClass{
            color:blue !important;
        }
    </style>
</head>
<body>
<div class="testClass" style="color: red;">
    测试Css中的important
</div>
</body>
</html>

这里写图片描述

如果删掉！important

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <style type="text/css">
        .testClass{
            color:blue;
        }
    </style>
</head>
<body>
<div class="testClass" style="color: red;">
    测试Css中的important
</div>
</body>
</html>

这里写图片描述