CSS3学习笔记（一）

CSS3选择器

在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。

以上选自w3school:https://www.w3school.com.cn/cssref/css_ref_aural.asp

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>

转自：https://www.runoob.com/note/13493

这个例子中只有Study Css是红色！

div p 为后代选择。只要是div元素的后代元素，不管是几代都有效。

div>p 为父选择。只选择div作为父元素的p元素。

CSS3学习笔记（一）

原文：https://www.cnblogs.com/miou/p/12240994.html