html - 使用媒体查询添加到值而不是替换现有值。 CSS

Question

我正在尝试使用媒体查询来定位一堆选择器，并添加到它们现有的填充值，而不是必须为每个选择器指定特定数量的 px、% 等。这可能吗？ 例如:

<div id="1"> blah</div>
<div id="2"> blah</div>
<div id="3"> blah</div>

#1 { padding: 100px;}
#2 {padding: 75px; }

..... 等等

@media screen and (max-width: 480px) {

#1
#2
#3 {
    padding: +100px; } }

谢谢!

Answer 1

在纯 CSS 中这是不可能的。

当您使用任何 CSS 预处理器时，例如。 LESS 或 SASS，您可以使用这些变量，进行数学运算(将 100px 添加到现有的一个填充等)。