当引用 CSS 的时候会造成污染其它样式比如习惯使用标签选择器; css 类名定义不够严谨导致冲突
当遇到这种问题应该怎么解决?
通过在 css 文件的选择器上使用: local(局部作用域)
:local
例如:(个人建议使用括号便于阅读代码)
- :local(.className) { background: red; }
- :local .className { color: green; }
- :local(.className .subClass) { color: green; }
在定义 css 的样式时, 尽量少用不用标签选择器, 使用类选择器的时候通过加上前缀的方法避免冲突
如果修改比较麻烦就在被污染的标签写个行内 css 吧
来源: http://www.bubuko.com/infodetail-2512214.html