请问如何快速规避css污染呢

znkyb5

背景：现有单页，然后去别的单页copy了一点东西，带过来的css有些全局命名污染，前端项目没有模块化，如何快速规避这些css污染

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

期望：提供解决思路即可

鹏书

CSS命名污染是指在开发过程中，相同的类名或ID名称被重复使用，导致样式不受控制的问题。为了规避CSS命名污染，可以采取以下方法：

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

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

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

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

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

yycold

copy东西之后做下数据清洗。

znkyb5

yycold 发表于 2023-4-28 15:19
copy东西之后做下数据清洗。

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

yycold

要是固定一家的话，那肯定存在有特定规则。没那个站点会一个页面定义一次CSS吧 ？