浏览器是如何为html节点寻找css样式的?


例如:

   
  <style>
  
div div div div{border:1px solid #ff0000};
</style>
<body>
<div><div><div><div>应用样式,有边框</div></div></div></div>
<div><div><div>没有样式,没有边框</div></div></div>
</body>

第一个四个嵌套的div,是可以使用边框样式的;而后面三个嵌套的则没有样式。
请问浏览器是如何快速给某个html标签寻找到所有的样式的。

补充:
最近看了这篇文章—— 浏览器是如何工作的 ,里面讲了部分关于如何计算节点的样式,很概念化,看后也不是很明白,不知道各位看了之后有没有好的启发。

浏览器 HTML css

HolyCKY 12 years, 4 months ago

XML不规则解析啊 后面的字段错误了撒 假设我来做浏览器 使用XML广度优先 俩if就搞定 用长字符串收集header标签里面的信息 在遇到<body></body>之外的路段收集JS和CSS信息 所以是之外不是之前 现在流行的方式是把JS写到最下面去

包包.包22 answered 12 years, 4 months ago

Your Answer