如何将ID标签全局添加到整个CSS文件？

Question

我有页脚的footer.html，相应的css是带有6000行代码的footer_style.css文件。有一些元素（比如'p'标签或'href'标签），它们在footer_style.css文件中给出样式，如p {color：red}。

我还有一个文件，该文件是页面与“P”标签&“A HREF”标记元素太主体部分。

的问题是在页面加载时，页脚的CSS属性是通过的，因为在footer_style.css文件应用的样式主体部分元素导入。

我看到的解决方案是在footer.html中添加一个< \ div id =“footer_wrapper”>，然后像#footer_wrapper p {}和#footer_wrapper a等那样更改css。

但也有标签1000。该CSS文件是6000行巨大。

任何其他解决办法的人吗？

Answer 1

现在你可以使用sassmeister。

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

Answer 2

可以少。您可以在较少的文件中导入css文件。

创建文件注脚：style.less写：

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

您将需要包括更少的管道与一些任务生成器（如咕噜）项目。