css优先级

最新推荐文章于 2024-09-28 13:56:49 发布

原创最新推荐文章于 2024-09-28 13:56:49 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

HTML/CSS 专栏收录该内容

24 篇文章

订阅专栏

本文通过一个实例详细介绍了CSS样式优先级的概念，展示了不同选择器如何影响元素的颜色，并强调了精细控制的重要性。

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

【控制的越精细，优先级越高，可以用firebug查看！】

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>css优先级</title>
    <style type="text/css">
        p{
            color: red;
        }
        .test2{
            color: yellow;
        }
        #test1{
            color: blue;
        }
        div #test1{
            color: orange;
        }
    </style>
</head>
<body>
    <div>
    <!-- 既有id 又有class的p标签 -->
        <p id="test1" class="test2">控制的越精细，优先级越高，可以用firebug查看</p>
    </div>
</body>
</html>