CSS样式优先级（重置版）

最新推荐文章于 2024-06-16 17:29:19 发布

二九君

最新推荐文章于 2024-06-16 17:29:19 发布

阅读量281

点赞数

分类专栏：前端 CSS 面试题文章标签： css3 css html

本文链接：https://blog.csdn.net/weixin_44019523/article/details/116530329

版权

本文详细探讨了CSS的优先级规则，包括继承性、选择器的优先级和！important的使用。通过实例解释了如何确定样式优先级，强调了最近祖先样式、直接样式和ID选择器的高优先级。同时提醒读者注意CSS的'就近原则'在解决样式冲突时的作用。

摘要由CSDN通过智能技术生成

一、先来看道面试题

.red p{
  color: red ;    // 红色
}
.blue p{
  color: blue ;    // 蓝色
}
<div class="red ">
  <div class="blue ">
      <p>我是什么颜色？</p>
  </div>
</div>
 
<div class="blue ">
  <div class="red ">
      <p>我是什么颜色？</p>
  </div>
</div>