css基本选择器的优先级

CSS选择器优先级示例

最新推荐文章于 2025-03-22 10:24:03 发布

原创最新推荐文章于 2025-03-22 10:24:03 发布 · 419 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

html学习笔记专栏收录该内容

19 篇文章

订阅专栏

本文通过一个简单的HTML示例介绍了CSS样式中不同选择器的优先级：内联样式>ID选择器>类选择器>标签选择器。示例中展示了当多种CSS规则同时应用于同一元素时，哪种规则将最终生效。

style最大>ID选择器>CLSS选择器>标签选择器

<html>
   <head>
   <title>HTML示列</title>
   <style type="text/css">

   /*
       hehe>haha>div style>id>class>div
   */

   .haha{
           background-color:green;

       }
           #hehe{
           background-color:yellow;

       }
   div{
           background-color:gray;

       }
   </style>
   </head>
   <body>
       <div class="haha" id="hehe" style="background-color=gray;">天之道，损有余而补不足，是故虚胜实，不足胜有余。</div>
       <div>mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm。</div>
   </body>
</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。