CSS值相同时如何简写？示例合并含auto!important的全局规则

嘿，这个问题我太懂了！你提到的这两条全局选择器规则，完全可以合并成一个规则块来写，不用重复写两次*选择器。

针对你的例子，合并后的代码是这样的：

* {
  width: auto!important;
  height: auto!important;
}

不过这里得说明一下：width和height是两个独立的CSS属性，没办法把它们的声明合并成一句（比如没法写成width, height: auto!important这种语法，CSS本身不支持）。但如果是多个不同选择器共享同一组属性值，就可以用逗号把选择器连起来，只写一次属性声明。

举个更通用的例子，如果原来的代码是：

.header { width: auto!important; }
.footer { width: auto!important; }

那就能合并成：

.header, .footer {
  width: auto!important;
}

回到你的问题，因为你原本的两个规则都是用全局选择器*，所以直接把两个属性放到同一个规则块里就搞定了，这就是最简洁的写法啦。

内容的提问来源于stack exchange，提问作者oleedd