注：代码从左向右解析,未跳出前层级依次内嵌

child:>(嵌套)

nav>ul>li

<nav><ul><li></li></ul></nav>

sibling:+(拼接)

div+p+bq

<div></div><p></p><blockquote></blockquote>

climb-up:^(跳出最近层级，有点像for循环内的break使用效果)

div+div>p>span+em^bq

<div></div><div><p><span></span><em></em></p><blockquote></blockquote></div>

div+div>p>span+em^^bq

<div></div><div><p><span></span><em></em></p></div><blockquote></blockquote>

grouping:()(优先执行括号内的，执行完再考虑括号外的)

div>(header>ul>li*2>a)+footer>p

<div><header><ul><li><a href=""></a></li><li><a href=""></a></li></url></header><footer><p></p></footer></div>

(div>dl>(dt+dd)*3)+footer>p

<div><dl><dt><dd></dd></dt><dt><dd></dd></dt><dt><dd></dd></dt></dl></div><footer><p></p></footer>

multiplication:*(乘法，连续执行)

ul>li*2

<ul><li></li><li></li></ul>