div p和div>p的区别

原创于 2018-08-02 15:15:30 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

3 篇文章

订阅专栏

本文通过两个实例对比了CSS中不同选择器的使用效果。详细解释了如何利用div>span选择器仅对直接子元素span应用样式，而非所有后代span元素。

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

## 代码段落

<style> 
  div span{color:red;}
</style>

<div>
  <p> 
     <span> Hello World! </span>
  </p>
  <span> Study Css </span>
</div>
上面的例子中所有的span都为红色

而下面的：

<style> 
  div>span{color:red;}
</style>

<div>
  <p> 
     <span> Hello World! </span>
  </p>
  <span> Study Css </span>
</div>
这个例子中只有Study Css是红色！