Php 从CSS文件中删除重复项

Php 从CSS文件中删除重复项,php,css,media-queries,unique,substr,Php,Css,Media Queries,Unique,Substr,今天我试着使用SCCS编译器(),我爱上了这个工具,但我还需要一个特性 我生成的压缩CSS文件如下: html,body{height:100%;}html,body{height:100%;}html,body{height:100%;}@media all and (max-width:960px){body{height:80%;width:95%;}}@media all and (max-width:480px){body{height:100%;width:90%;}}nav ul{

今天我试着使用SCCS编译器(),我爱上了这个工具,但我还需要一个特性

我生成的压缩CSS文件如下:

html,body{height:100%;}html,body{height:100%;}html,body{height:100%;}@media all and (max-width:960px){body{height:80%;width:95%;}}@media all and (max-width:480px){body{height:100%;width:90%;}}nav ul{margin:0;padding:0;list-style:none;}nav li{display:inline-block;}nav a{display:block;padding:6px 12px;text-decoration:none;}html,body{height:100%;}html,body{height:100%;}@media all and (max-width:960px){body{height:80%;width:95%;}}@media all and (max-width:480px){body{height:100%;width:90%;}}html,body{height:100%;}
未压缩文件:

html, body {
  height: 100%;
}
html, body {
  height: 100%;
}
html, body {
  height: 100%;
}
@media all and (max-width: 960px) {
  body {
    height: 80%;
    width: 95%;
  }
}
@media all and (max-width: 480px) {
  body {
    height: 100%;
    width: 90%;
  }
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}
html, body {
  height: 100%;
}
html, body {
  height: 100%;
}
@media all and (max-width: 960px) {
  body {
    height: 80%;
    width: 95%;
  }
}
@media all and (max-width: 480px) {
  html, body {
    height: 100%;
  }
  body {
    height: 100%;
    width: 90%;
  }
}
html, body {
  height: 100%;
}
我有这个PHP字符串变量的代码,我需要删除重复的。这听起来很简单,独特,就是这样。当然。但我需要为普通css和每个媒体分别使用唯一的代码。所以我需要输出:

html, body {
  height: 100%;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}
@media all and (max-width: 960px) {
  body {
    height: 80%;
    width: 95%;
  }
}
@media all and (max-width: 480px) {
  html, body {
    height: 100%;
  }
  body {
    height: 100%;
    width: 90%;
  }
}
所以这个脚本不会从@media all和(max-width:480px)中删除html,body{height:100%},因为在这个媒体中是唯一的

你能帮我吗?
如果您能将所有媒体查询都放在文件末尾,我会很高兴。

您应该使用css优化,如:


我建议您将Grunt与scss和cleancss插件结合使用,而不是使用PHP来解析您的scss->css,一旦您习惯了,处理起来就容易多了。

不幸的是,我只能使用PHP:(