Короткое замыкание css, когда значения совпадают

Question

Как сократить css, если значения одинаковы?
Например: как объединить это в одну строку (с одним auto!important)?

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

Кажется, я видел такую ​​возможность (как новинку), но не могу найти.

Answer 1

Вы можете сократить объявление до одного:

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

, и вы можете сократить значение до одного, используя пользовательскую переменную css, поэтому каждый раз, когда вы хотите изменить значение, делайте это из одного места:

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

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