css3选择器--层次选择器

层次选择器：通过html的dom元素间的层次关系获取元素，主要层次关系有 后代、父子、相邻兄弟和通用兄弟。

1. 后代选择器： E  F， 作用的是选择元素的后代元素。包括子元素、孙辈元素等。（常用）

div div{
   color：red；
}

2.子选择器： E > F，作用的是某元素的所有子元素，不能包括孙辈元素（常用）

body > div{
  color:red;
}

3.  相邻兄弟选择器： E + F, 选中的仅是一个元素。同级并且F元素在E元素的后面。（很少用）

4. 通用兄弟选择器： E ~ F，选中的可能是一个元素或多个元素，选中的是与E元素相邻的后面兄弟元素F及F之间的同级元素。（很少用）