分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

解决css全局污染

发布时间:2023-09-06 01:44责任编辑:赖小花关键词:暂无标签

当引用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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved