直接刷新 CSS，而不整体刷新页面的方式的原理是什么？

[leohxj]

[Emmet LiveStyle](http://livestyle.emmet.io/install/)
这个项目可以map到css为文件，实现在css和devtools里双向修改。

好奇原理是什么，求教。

[guchengf]

> This is exactly how LiveStyle works. Whenever you update CSS source, it performs structural comparison with the previous state and creates a special patch that describes how CSS structure was changed. This patch then transmitted to all clients and applied to associated CSS source.

从作者解释来看，就是直接比较新版本的CSS结构和旧版本的结构，然后生成一个patch记录结构的改变，然后应用到客户端和CSS源码上

[leohxj]

@guchengf 新版本就是开发文件，旧版本在哪里我比较好奇。

我以为会是一份动态的文件，但是找不到在什么位置。或者旧版本就不以文件形式存在？