开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 435|回复: 4
收起左侧

[已解决] 请问如何快速规避css污染呢

 关闭 [复制链接]
结帖率:100% (10/10)
发表于 2023-4-28 14:56:14 | 显示全部楼层 |阅读模式   湖南省永州市
200精币
背景:现有单页,然后去别的单页copy了一点东西,带过来的css有些全局命名污染前端项目没有模块化,如何快速规避这些css污染

已尝试方案:响应式单页,iframe实测不好使,显示不全且变形,监听resize更新宽高也不好使~

期望:提供解决思路即可

最佳答案

查看完整内容

CSS命名污染是指在开发过程中,相同的类名或ID名称被重复使用,导致样式不受控制的问题。为了规避CSS命名污染,可以采取以下方法: 1.采用命名约定:采用命名约定(例如BEM命名法或命名空间)来规范组件或模块的命名,以避免相同的名称被重复使用。 2.使用CSS Modules:可以使用CSS Modules,它是一种可通过限定作用域的方式来解决命名污染问题的CSS预处理器。 3.使用工具库:使用工具库,例如Emotion、Styled Components或JSS ...

回答提醒:如果本帖被关闭无法回复,您有更好的答案帮助楼主解决,请发表至 源码区 可获得加分喔。
友情提醒:本版被采纳的主题可在 申请荣誉值 页面申请荣誉值,获得 1点 荣誉值,荣誉值可兑换荣誉会员、终身vip用户组。
快捷通道:申请荣誉值无答案申请取消悬赏投诉有答案未采纳为最佳

结帖率:97% (56/58)

签到天数: 24 天

发表于 2023-4-28 14:56:15 | 显示全部楼层   福建省宁德市
CSS命名污染是指在开发过程中,相同的类名或ID名称被重复使用,导致样式不受控制的问题。为了规避CSS命名污染,可以采取以下方法:

1.采用命名约定:采用命名约定(例如BEM命名法或命名空间)来规范组件或模块的命名,以避免相同的名称被重复使用。

2.使用CSS Modules:可以使用CSS Modules,它是一种可通过限定作用域的方式来解决命名污染问题的CSS预处理器。

3.使用工具库:使用工具库,例如Emotion、Styled Components或JSS等,可以帮助您避免CSS命名污染。

4.使用CSS后处理器:使用CSS后处理器,例如PostCSS、Sass等,可以通过自动添加唯一前缀来解决命名污染问题。

总之,规避CSS命名污染需要遵循一些最佳实践,以确保样式表在整个项目中的一致性。

评分

参与人数 1荣誉 +1 收起 理由
项目部004 + 1 热心帮助他人,荣誉+1,希望继续努力(*^__^*) 嘻嘻!

查看全部评分

回复

使用道具 举报

结帖率:100% (3/3)
发表于 2023-4-28 15:19:36 | 显示全部楼层   山东省济南市
copy东西之后做下数据清洗。
回复

使用道具 举报

结帖率:100% (10/10)

签到天数: 10 天

 楼主| 发表于 2023-4-28 15:22:38 | 显示全部楼层   湖南省永州市
yycold 发表于 2023-4-28 15:19
copy东西之后做下数据清洗。

是的,问题是如何清洗,挨个重命名感觉不是最优解
回复

使用道具 举报

结帖率:100% (3/3)
发表于 2023-4-28 15:24:21 | 显示全部楼层   山东省济南市
要是固定一家的话,那肯定存在有特定规则。没那个站点会一个页面定义一次CSS吧 ?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表