dom节点与css样式规则之间的匹配方式？

上篇文章~浏览器~加载，解析，渲染
技术渣还是不行啊，我写道一半意识到自己没有办发解释自己心中的？？。
css样式与dom树匹配方式，我还是不太懂，虽然知道了自己的误区，正解为从右至左进行匹配，但是还是有不明白的地方，记录一下，希望通过看的书越多来解决这些问题。

• webkit是采用attach的方法进行匹配新节点的样式，不应该是节点在css样式对象内进行遍历查找符合自己的样式么？

#top>li{ font-size:12px;}浏览器必须遍历页面上每个li元素，并确定其父元素的id是否为top。
如果将其写成后代选择符：#top li{ font-size:12px;} ,情况会更加糟糕，浏览器首先会遍历页面中的每个li元素，然后检查它们的父元素id标识是否为top，不论是否匹配，还要继续遍历DOM文档树去查找所有li元素的祖先元素的id标识是否为top，如此周而复始直至DOM文档的根节点。

• 上文是我在这里独到的，读完又感觉像是对一条样式规则，来遍历这条样式规则符合的节点。我就不明白了。
  我在知乎也提问啦，技术偶吧，来帮我脱离这里[晕]

1个小时后~

存不存在这样的可能，为dom节点寻找样式时，遍历css样式，遍历css样式时，对css样式规则进行逐一排查，判断这个样式规则是否符合当前节点。
这样似乎就有些懂了，可以继续愉快的学习啦。