如何将 ID 标签全局添加到整个 css 文件中？答案

【问题标题】：How to add ID tag globally to the whole css file?如何将 ID 标签全局添加到整个 css 文件中？
【发布时间】：2016-11-14 10:18:23
【问题描述】：

我有footer.html作为页面的页脚，对应的css是footer_style.css文件，有6000行代码。在 footer_style.css 文件中有一些元素（比如 'p' 标签或 'a href' 标签）被赋予了样式，例如 p {color : red}。

我还有另一个文件，它用于页面的正文部分，也带有“p”标签和“a href”标签元素。

问题是当页面加载时，由于footer_style.css文件中应用的样式，页脚的css属性由body part元素导入。

我认为的解决方案是将添加到 footer.html 并更改 CSS，例如 #footer_wrapper p {} 和 #footer_wrapper a {} 等等。

但是有 1000 多个标签。这个 css 文件有 6000 行。

还有其他解决方案的人吗？

【问题讨论】：

标签： html css

【解决方案1】：

您可以使用sassmeister。

粘贴整个css文件，然后在顶部添加#footer_wrapper，在底部添加}

【讨论】：

【解决方案2】：

您可以使用 LESS。您可以在less文件中导入css文件。

创建文件footer-style.less并写入：

#footer-wrapper { /*all styles from footer_style will apply to html inside div with id footer-wrapper */
    @import "footer_style.css";
}

您将需要使用一些任务构建器（如 grunt）在项目中包含更少的管道。

【讨论】：