CSS selector level 3规范中定义了一些和文档层级结構有关的连接选择器（或称组合选择器）

其中后代选择器分以下3个：

1. 空格。div p: 表示p是div的后代元素, div是p的祖先该选择器选择所有div下的p后代元素。

2. 箭头（>）表示直系关系。div > p 表示div的儿子辈的元素

3. 星号（*）。表示隔代关系div * p表示div的孙子辈及之后的元素。

同级选择器分为以下2个：

1. 加号（+）表示紧随关系。h1 + h2: 表示紧跟在h1后面的h2元素
2. 波浪号（~）。表示后续关系h1 ~ h2: 表示和h1元素同在一个父元素下的后续h2元素（中间可以隔著其他元素）。

关于CSS3选择器参考阅读：