关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、>、~，还 有+等，这些都是非常常用的选择器。
- 后代选择器：选择所有合乎规则的后代元素。空格连接。
- 相邻后代选择器：仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子 选择器”。>连接。适用于 IE7 以上版本。
- 兄弟选择器：选择当前元素后面的所有合乎规则的兄弟元素。~连接。适用于 IE7 以上 版本。
- 相邻兄弟选择器：仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接。适用于 IE7 以上版本。
并列选择器：使用div.demo{}选择第二个div
<div>1</div> <div class="demo">2</div> <p class="demo">3</p>