CSS高级选择符-家族关系

一、子选择符(注意区别派生选择器)
子选择符是后代选择符的一个特殊类型。子选择符仅指那些属于其他元素子女的元素，不是指任何“孙子”或其他后代。子选择符由父元素与子元素间的大于符号(>)指示：父 > 子 {声明;}

二、近亲选择符
如果两个HTML标签具有相同的父母，那么他们就是同胞；如果源代码中第二个直接出现在第一个之后，那么它们就是近亲。下面是用来说明同胞关系的一些HTML。
<ul>
     <li id="greg">Grey</li>
     <li id="peter">Peter</li>
     <li id="bobby">Bobby</li>
</ul>

三个li元素是同胞，grey<li>和peter<li>是近亲，peter<li>和bobby<li>是近亲，而grey<li>和bobby<li>是同胞不是近亲。

li + li {color:blue;}此规则只将名字Peter和Bobby变成了蓝色，因为它们是直接跟随另一个li元素的li元素。