我的网站安装了6到8个插件,我有兴趣知道是否有办法将这些插件中的所有css文件合并为一个或两个文件
谢谢
在这里,我试图在维护网站和添加新元素方面做得不错.但在此之前,我想清理它的css文件.
该站点使用2个样式表,即v1和v2.基本上,v2添加了新规则,但也覆盖了v1中的规则/属性.所以我不能摆脱v1,因为v2不包含所有规则和属性.
这是一个简单的例子
从v1
.globalFooter {
background-color: #eee;
color: #fff;
font-size: 15px;
}
Run Code Online (Sandbox Code Playgroud)
从v2
.globalFooter {
font-size: 18px
display: inline
}
Run Code Online (Sandbox Code Playgroud)
所以,结果应该是这样的
.globalFooter {
background-color: #eee;
color: #fff;
font-size: 18px;
display: inline
}
Run Code Online (Sandbox Code Playgroud)
我想过手动将v2合并到v1中,移动新元素和覆盖属性,但v2是3000行长...
那么我试图找到一个可以自动完成的工具,但我找不到任何可靠的东西.我需要一些可以合并这两个文件并认为第二个文件被加载的东西,因此它可以覆盖第一个文件的规则和属性.
有人知道一个好的工具/脚本吗?
谢谢
我们将外部内容与其关联的外部CSS样式表一起引入现有站点,并且需要识别两个文件中共享相同名称的CSS选择器.一旦确定,我们计划手动修改新导入的文件中的每个副本,然后相应地更改HTML.
有谁知道这样做的工具?我想到的一种痛苦的方法是将所有CSS组合成一个Word文档并在页面上进行手动查找?尽管如此,这将是很好的避免.