【JS 】让浏览器支持

这个标题是红色的

这个段落是蓝色的。

这个标题是黑色的

这个段落是黑色的。

以上代码中style中的样式只能作用于第一个div内的元素。
这样一个功能应用在目前公司老项目中非常nice(asp.net+mvc,导入部分页就不会影响当前页其他元素了)
但是可惜,除了火狐,其他浏览器都不支持!!!


所以我决定自己实现一个

2. 思路

  1. 判断浏览器是否支持scoped
  2. 找到页面中所有带有scoped属性的style元素,给其父元素添加一个属性
  3. 修改style中的所有css选择器,加上属性前缀
  4. 监听dom变化,处理动态创建的