首页 > Web开发 > 详细

解决css全局污染

时间:2018-03-02 00:10:57      阅读:511      评论:0      收藏:0      [点我收藏+]

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

:local

例如:(个人建议使用括号便于阅读代码)

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

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

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

解决css全局污染

原文:https://www.cnblogs.com/404code/p/8491111.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!