无论如何我可以一次添加超过 1000 行 CSS 前缀吗？

Posted 2023-02-22

【中文标题】无论如何我可以一次添加超过 1000 行 CSS 前缀吗？

【英文标题】：Is there anyway I can prefix over 1000 lines of CSS at once?

【发布时间】：2014-11-09 11:30:21

【问题描述】：

我有一些 h1、h2、h3 和许多 bootstrap sn-ps，我只想将它们应用于我网站的特定部分，我添加了一个独特的类，比如 .unique，但前缀需要几个小时1000 行 CSS 代码

我使用崇高文本

提前致谢

【问题讨论】：

对你来说不是很崇高。 :P

【参考方案1】：

您可以使用 CSS 预处理器，例如 LESS 或 SASS（还有更多）。两者都可以做你想做的事，只需这样做：

.unique 
    // Old CSS goes here

与普通 CSS 相比，它还有许多其他优点。

【讨论】：

不是我想要的，但还是谢谢！

【参考方案2】：

common 我想给你一些想法，因为我认为你的问题与控制 css 覆盖有关。

Jost 的 LESS 或 SASS 解决方案其实很好用前缀因为可以使用嵌套的 css 功能，但它需要一个编译过程，它们最终编译的文件仍然是 css。导致 html 无法识别 .less 或 .sass 文件以呈现样式。

另一种思路为了避免css冲突和错误的覆盖， 与其包括全局样式，不如看看您是否可以将它们嵌入特定部分/页面的一部分，在那里它们可以获得比其他全局样式更高的优先级。 即使是相同的 css，一般来说，！important > inline css > internal css > external css 或者javascript可以在页面上之前的css完成渲染后触发css覆盖。

不是使用css优先级或脚本运行优先级来覆盖样式，而是制作两个外部mobile.css，例如destop.css，然后在检测到设备宽度时使用javascript重新加载页面以包含不同的样式表浏览器调整大小的行为发生了变化。（这是响应式视图中使用的一种流行方式）

使用 IDE 定位 css 模式，如果可以轻松匹配所有模式，则将其替换为您的前缀。