div > p + div.aaron input[type="checkbox"]

<div id="text"><p><input type="text" /></p><div class="aaron"><input type="checkbox" name="readme" value="Submit" /><p>Sizzle</p></div>
</div>

div > p + div.aaron input[type="checkbox"]

<div id="grandfather"><div id="father"><div id="child1"></div><div id="child2"></div><div id="child3"></div></div>
</div>

relative = {">": { dir: "parentNode", first: true }," ": { dir: "parentNode" },"+": { dir: "previousSibling", first: true },"~": { dir: "previousSibling" }
}

Expr.find = {'ID'    : context.getElementById,'CLASS' : context.getElementsByClassName,'TAG'   : context.getElementsByTagName
}

div > p + div.aaron input[type="checkbox"]

分解每一个小块
type: "TAG"
value: "div"
matches ....type: ">"
value: " > "type: "TAG"
value: "p"
matches ....type: "+"
value: " + "type: "TAG"
value: "div"
matches ....type: "CLASS"
value: ".aaron"
matches ....type: " "
value: " "type: "TAG"
value: "input"
matches ....type: "ATTR"
value: "[type="checkbox"]"
matches ....除去关系选择器，其余的有语意的标签都都对应这分析出matches比如
最后一个属性选择器分支
"[type="checkbox"]"matches = [0: "type"1: "="2: "checkbox"
]
type: "ATTR"
value: "[type="checkbox"]"

"[type="checkbox"]"

type: "TAG"
value: "input"

Expr.find["TAG"] = support.getElementsByTagName ?function(tag, context) {if (typeof context.getElementsByTagName !== strundefined) {return context.getElementsByTagName(tag);}
} :

selector: "div > p + div.aaron [type="checkbox"]"

本来是9个规则快，因为匹配input，所以要对应的也要踢掉一个所以就是8个了

"div > p + div.aaron [type="checkbox"]"

//引擎的主要入口函数
    function select(selector, context, results, seed) {var i, tokens, token, type, find,//解析出词法格式match = tokenize(selector);if (!seed) { //如果外界没有指定初始集合seed了。// Try to minimize operations if there is only one group// 没有多组的情况下// 如果只是单个选择器的情况，也即是没有逗号的情况：div, p，可以特殊优化一下if (match.length === 1) {// Take a shortcut and set the context if the root selector is an IDtokens = match[0] = match[0].slice(0); //取出选择器Token序列//如果第一个是selector是id我们可以设置context快速查找if (tokens.length > 2 && (token = tokens[0]).type === "ID" &&support.getById && context.nodeType === 9 && documentIsHTML &&Expr.relative[tokens[1].type]) {context = (Expr.find["ID"](token.matches[0].replace(runescape, funescape), context) || [])[0];if (!context) {//如果context这个元素（selector第一个id选择器）都不存在就不用查找了return results;}//去掉第一个id选择器selector = selector.slice(tokens.shift().value.length);}// Fetch a seed set for right-to-left matching//其中： "needsContext"= new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )//即是表示如果没有一些结构伪类，这些是需要用另一种方式过滤，在之后文章再详细剖析。//那么就从最后一条规则开始，先找出seed集合i = matchExpr["needsContext"].test(selector) ? 0 : tokens.length;//从右向左边查询while (i--) { //从后开始向前找！token = tokens[i]; //找到后边的规则// Abort if we hit a combinator// 如果遇到了关系选择器中止////  > + ~ 空//
                    if (Expr.relative[(type = token.type)]) {break;}/*先看看有没有搜索器find，搜索器就是浏览器一些原生的取DOM接口，简单的表述就是以下对象了Expr.find = {'ID'    : context.getElementById,'CLASS' : context.getElementsByClassName,'NAME'  : context.getElementsByName,'TAG'   : context.getElementsByTagName}*///如果是:first-child这类伪类就没有对应的搜索器了，此时会向前提取前一条规则tokenif ((find = Expr.find[type])) {// Search, expanding context for leading sibling combinators// 尝试一下能否通过这个搜索器搜到符合条件的初始集合seedif ((seed = find(token.matches[0].replace(runescape, funescape),rsibling.test(tokens[0].type) && context.parentNode || context))) {//如果真的搜到了// If seed is empty or no tokens remain, we can return early//把最后一条规则去除掉tokens.splice(i, 1);selector = seed.length && toSelector(tokens);//看看当前剩余的选择器是否为空if (!selector) {//是的话，提前返回结果了。
                                push.apply(results, seed);return results;}//已经找到了符合条件的seed集合，此时前边还有其他规则，跳出去break;}}}}}// "div > p + div.aaron [type="checkbox"]"// Compile and execute a filtering function// Provide `match` to avoid retokenization if we modified the selector above// 交由compile来生成一个称为终极匹配器// 通过这个匹配器过滤seed，把符合条件的结果放到results里边////    //生成编译函数//  var superMatcher =   compile( selector, match )////  //执行//    superMatcher(seed,context,!documentIsHTML,results,rsibling.test( selector ))//
        compile(selector, match)(seed,context, !documentIsHTML,results,rsibling.test(selector));return results;}

selector："div > p + div.aaron input[type="checkbox"]"解析规则：
1 按照从右到左
2 取出最后一个token  比如[type="checkbox"]{matches : Array[3]type    : "ATTR"value   : "[type="checkbox "]"}
3 过滤类型 如果type是 > + ~ 空 四种关系选择器中的一种，则跳过，在继续过滤
4 直到匹配到为 ID,CLASS,TAG  中一种 , 因为这样才能通过浏览器的接口索取
5 此时seed种子合集中就有值了,这样把刷选的条件给缩的很小了
6 如果匹配的seed的合集有多个就需要进一步的过滤了,修正选择器 selector: "div > p + div.aaron [type="checkbox"]"
7 OK,跳到一下阶段的编译函数