图3: our new combinators have selected only paragraphs three and four.

　　让我们来分析下上面的代码，第一个规则的意思是：选择div的子部div的子部段落的相邻兄弟段落。

　　second div是第一div的子部，second div里面的两个段落即符合直接跟随另外一个段落的要求是paragraph two 和 paragraph three。paragraph one没有被选中，因为在second div里面没有兄弟段落在它前面。

　　这太棒了，但是还有一个问题。third div同样是一个div的子部，同样有三个相邻段落的子部。我们不想paragraph six 和 paragraph seven被选中，所有必须制定一个规则，第二句的意思就是：选择div的子部div的子部div的后代段落。

　　对于我们测试的html，只有third div里的段落适合描述的情况，所以对于目标段落它们用黑色文本代替红色文本。简洁明了，是不是？使用强大的后代、子、兄选择符，大部分class可以从我们的页面去除。我们也不是说大家一定要用到这些选择符，但是我们确信它们比单独使用后代选择符能够给你带来更多的适用性。