一次偶然在鑫大技术博客上发现 style 标签配合contenteditable 可编辑属性 实现动态编辑css
这里我就回顾了下 contenteditable 可编辑属性 （这个属性并无浏览器兼容问题，常用来模拟textarea属性）
1.该属性有两个值 true（开启可编辑） false（关闭可编辑） 注意： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。
在style上利用 contenteditable属性 可将style内容类似于在textarea中显示出来，并且是可编辑的，在编辑的时候代码会相应的响应反馈给浏览器，这就给了我们可以利用该属性来做
<style contenteditable>.test-box{ width:60px;height:60px;background:pink;}</style>