注:代码从左向右解析,未跳出前层级依次内嵌
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>