CSS作用域问题

原创 qinuoyun 随笔 Html 159阅读 2018-09-05 14:46:09 举报

CSS作用域对于这块内容 也是非常头大的 网上有一个解决方案 就是使用css-modules 自己也尝试了使用一下css-modules 感觉比较麻烦 而且还要专门去写一个作用域的范围,如:global{}
后来有使用到webpack+Vue的编写中 VUE的CSS中就支持作用域,只要在样式的标签上加上scope属性 那么当下的CSS样式 仅针对该界面 哪怕CSS名字相同 也不会受到污染
自己项目的需求不需要像css-modules那么强大 只需VUE中组件和页面的样式相互不受影响
后来发现webpack+Vue的编译中是给每一个标签加上一个data属性


并且在CSS样式上每一个标签加选择器[]
于是将这种方法 放到了PHP框架里 通过正则匹配每一个标签 加上一个属性 并匹配每一个CSS样式 加上对于的属性选择器

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复