码迷,mamicode.com
首页 > Web开发 > 详细

解决css全局污染

时间:2018-03-02 01:18:37      阅读:342      评论:0      收藏:0      [点我收藏+]

标签:ack   比较   作用域   选择器   class   引用   阅读   通过   选择   

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

:local

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

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

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

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

解决css全局污染

标签:ack   比较   作用域   选择器   class   引用   阅读   通过   选择   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!