后代选择器
div p div里的所有后代元素
子元素选择器
div>p div里的所有p子元素，p可以多个但必须是子元素
相邻后兄弟选择器
div+p div后紧跟的那一个元素p。1p和div必须同父元素，2p必须紧跟div。
普通兄弟选择器选择器
所有 <div> 元素的所有相邻兄弟元素 <p> 1.p可以不紧跟div 2.p和div必须同父元素.demo如下:
<!DOCTYPE html>
<html>
<head>
<style>
div~p
{
background-color:yellow;
}
</style>
</head>
<body>
<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>
<h1>段落 4。不在 div 中。</h1>
<p>段落 3。不在 div 中。</p>
<h1>段落 4。不在 div 中。</h1>
<div>
<p>段落 4。不在 div 中。</p></div>
</body>
</html>
原文：http://www.cnblogs.com/canghaiyisu/p/5572639.html