P3.层次选择器

层次选择器

层次选择器总共有四种选择器分别是：

1. 后代选择器：在某一元素后面，（包含后代所有）
2. 子代选择器：只有一代（同级层次）
3. 相邻选择器：该元素被选中后的相邻下一个
4. 通用选择器：该元素以及向下的所有同类元素

后代选择器

包括所有元素不分层次

格式：

子代选择器

只有一代元素，隔代无法被选中

格式：
<style>
    body>p{}
    </style>

后代与子代选择器效果对比区别：

相邻选择器

同辈层次，只能选择一个，相邻的下一个被显示

 相邻选择器格式：
  

通用选择器

当前标记元素的同层次向下的所有元素（不包含标记元素）

相邻选择器与通用选择器的区别：