如何使用gulp-cssnano（或其他）优化冗余选择器

Question

[gulp-minify-css说得很清楚，已经弃用了gulp-cssnano。[/ p>

我很满意cssnano的缩小，除了两件事......

• 相同的选择器，没有干扰，否则不会合并，即下面的示例中的body, html或h1, h2, h3
• 相同的媒体查询-'brackets'未加入一个大查询括号，即@media only screen and (max-width:500px)
• 即使在相同的选择器和优先级上的某些超量也未被修剪（即颜色：h1,h2,h3的绿色为橙色）

任何建议，如何使用cssnano.co实现此优化？（或其他缩小gulp任务的链接）

body,html{
  margin:0;
  padding:0;
}
h1,h2,h3{
  color:green;
  background-color:#caa;
}
@media only screen and (max-width:500px){
  p{
    background-color:orange;
  }
}
@media only screen and (max-width:500px){
  div,p{
    background-color:purple;}
}
body,html{
  margin:0;
  padding:0;
  background-color:#aac;
}
h1,h2,h3{
  font-weight:700;
  color:orange;
  text-decoration:underline;
}
html{
  background:orange;
}

h1,h2,h3{
  font-weight:700;
}
p{
  text-decoration:none;
  color:#eee;
}

（这个例子来自三个相当琐碎的文件，合并在一起.core：false以保留空格。打开它会删除空格，但不能解决上述问题。）