CSS - 它是如何工作的

Moo*_*oon 1 css

我想知道CSS如何工作..浏览器如何执行CSS中设计的任何内容...

我们说吧

当一个页面被加载并且它附加了多个CSS文件,并且鼠标遍历某个锚点并找到一个为它设置的类时,它将搜索相关类的所有CSS文件并读取其悬停状态然后呈现它. ..

怎么样......这是怎么回事......你可能猜到我想问的是什么......

Vot*_*ple 7

这是一个异常广泛而复杂的问题.它本质上是在问"浏览器如何渲染页面?" 这个视频展示了Gecko如何为样本页面做这件事.看到这样的渲染过程可能会让人感觉它有多复杂.

最终,由于CSS规范没有给出任何要求甚至是关于实现的指导,所以每个浏览器(或者,我们应该说,"每个渲染引擎")都会以不同的方式做事.如果您今天要从头开始编写新的浏览器,您可以自由地探索您想要的任何算法.

阅读每个规则并查看哪些匹配(对于每个元素)的想法当然是一个可行的起点,尽管几乎可以肯定需要一些优化和缓存,以使其具有可接受的具有真实复杂性的样式表.

但幸运的是,今天使用的主要渲染引擎(Webkit和Gecko)都是开源的,您可以自由下载它们,探索代码,甚至进行更改.这真的是了解这些引擎如何在这种细节水平上运作的唯一方法.