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

Question

我正在尝试使用媒体查询定位一堆选择器，并添加到其现有的填充值，而不是必须为每个选择器指定特定数量的px，％等。这可能吗？  e.g：

<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添加到现有的填充等）。

Answer 2

你不能用CSS做到这一点。

查看jQuery或更多结构化样式选项，例如SASS。非常强大，比CSS好得多。