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