Html 如何在整个css文件中全局添加ID标记？

我有footer.html作为页面的页脚，相应的css是footer_style.css文件，包含6000行代码。在footer_style.css文件中有一些元素（比如'p'标记或'a href'标记）是给定样式的，比如p{color:red}

我还有另一个文件，该文件用于页面的主体部分，带有“p”标记和“a href”标记元素

问题是，当页面加载时，页脚的css属性由主体部分元素导入，因为页脚_style.css文件中应用了样式

我所看到的解决方案是在footer.html中添加一个，并更改css，如#footer_wrapper p{}和#footer_wrapper a{}等等

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

还有其他解决方案吗？

您可以使用

粘贴整个css文件，然后在顶部添加

#页脚\u包装

，在底部添加

}

---

你可以少用。您可以在更少的文件中导入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）为你的项目添加更少的管道。

你必须拥有一个地狱般的页脚：你自己提供了解决方案：）你尝试过搜索和替换吗？@NiranjanKumar lol是的，但那很愚蠢one@JeroenBellemans是的，先生，这是一个巨大的工具，是一个很好的小工具。你在开玩笑吗？这是一个了不起的兄弟，thnx一吨：）嗯，我已经使用较少的管道，这似乎是一个合法的方式..tnx:）你可以接受这个答案，如果你觉得它解决了你的问题。