解决css全局污染

当引用css的时候会造成污染其它样式比如习惯使用标签选择器；css类名定义不够严谨导致冲突
当遇到这种问题应该怎么解决？
通过在css文件的选择器上使用:local（局部作用域）

:local

例如：（个人建议使用括号便于阅读代码）

:local(.className) { background: red; }
:local .className { color: green; }
:local(.className .subClass) { color: green; }

在定义css的样式时，尽量少用不用标签选择器，使用类选择器的时候通过加上前缀的方法避免冲突

如果修改比较麻烦就在被污染的标签写个行内css吧

转载于:https://www.cnblogs.com/404code/p/8491111.html