于永雨的学习笔记
Search...
Ctrl
K
前端基础
CSS
CSS样式隔离
Previous
经典实践
Next
Less vs Sass
Last updated
1 year ago
方式1:Shadow DOM
方式2:Scoped CSS
每个组件分配一个hash,组件内的所有选择器加上 data-[hansh] 的修饰,这样就可以实现组件间样式隔离
方式3:CSS module
将CSS样式作为JS变量
参考:
https://www.ruanyifeng.com/blog/2016/06/css_modules.html