菜鸟教程 -- 学的不仅是技术，更是梦想！

CSS 参考手册

CSS element,element 选择器

CSS element+element 选择器

CSS element>element 选择器

CSS完整选择器完整CSS选择器参考手册

实例

选择所有父级是 <div> 元素的 <p> 元素：

div>p
{
background-color:yellow;
}

尝试一下 »

定义和用法

element>element 选择器用于选择特定父元素。

注意: 元素没有被选中是不能直接指定父级的子元素。

浏览器支持

所有主流浏览器都支持 element>element选择器。

注意:element>element在IE8中运行，必须声明 <!DOCTYPE>

完整CSS选择器参考手册

CSS element,element 选择器

CSS element+element 选择器

1 篇笔记写笔记

div p 和 div>p 有什么区别？

举个栗子：

<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是红色！

由此可见 div>span 是父级是div的所有span元素，而Hello World的父级是p。

玉龙湖大博哥7年前 (2017-06-30)

菜鸟教程 -- 学的不仅是技术，更是梦想！

CSS 属性

CSS element>element 选择器

实例

定义和用法

浏览器支持

1 篇笔记写笔记

点我分享笔记

菜鸟教程 -- 学的不仅是技术，更是梦想！

CSS 属性

CSS element>element 选择器

实例

定义和用法

浏览器支持

1 篇笔记 写笔记

点我分享笔记

微信关注

1 篇笔记写笔记