当值相同时缩短css

如果值相同，如何缩短css？
例如：如何将其合并为一个字符串（使用一个

auto！important

）

*{width:auto！important}
*{高度：自动！重要}

---

我似乎已经看到了这种可能性（作为一种新奇事物），但却找不到。

您可以将声明简化为一个：

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

您可以使用css自定义变量将值缩短为1 因此，每次您要更改值时，请从一个位置执行：

:root{
--foo:auto!important;
}

*{
width:var(--foo);
height: var(--foo);
}

---

你不能：你可以用一个简单的声明来缩短代码，

*{width:…；height:…；}

，但是我看到了一些新的短css功能（似乎是在2019年添加的）。你在哪里看到的？我记不清了（（但它只是关于新功能（css，js）。我想你说的是

：any（）

（或者

：matches（）

）它可以对选择器进行分组，但不能对属性的值进行分组很好，但我希望类似于

*{width，height:auto！important}

。这种语法对我来说并不熟悉，即使它存在，你也应该等待在主浏览器中受支持扫描它在选择器中工作？

nth类型（n+var（--gg））{float:left}

我认为嵌套函数是不允许的，即使您尝试：

nth类型（（2））{float:left}

但是这允许使用

SASS

：$number:2；p:nth类型（#{$number}）{color:red；}