元素之间的关系

• 父元素：直接包含子元素的元素

• 子元素：直接被父元素包含的元素

• 祖先元素：直接或间接包含后代元素的元素，父元素也是祖先元素

• 后代元素：直接或间接被祖先元素包含的元素，子元素也是后代元素

• 兄弟元素：拥有相同父元素的元素叫作兄弟元素

后代元素选择器

儿子或孙子都选中

• 作用：选中指定元素的指定后代元素

• 语法：祖先元素 后代元素{ }

• 举例：
  div span { color: greenyellow; } //选中div下的span元素
#d1 p span { color: green; } //选中id为d1的元素中的p元素中的span元素

子元素选择器

只要儿子，不要孙子

• 作用：选中指定父元素的子元素

• 语法：父元素>子元素{ }

• 举例：div > span {background-color: pink;}

PS：IE6以下（包括IE6）版本浏览器不支持子元素选择器

如发现错误请联系我，谢谢你。
本文链接：http://ninefire.tk/HTML&CSS.basics/12.html