css - 来自不同类(class)的多个背景

Question

我知道要在选择器上堆叠背景，我会做类似的事情

.selector{
background: url(url1), url(url2);
}

如何在使用不同类时添加背景？ (比如一个有 url1 的基类，另一个有 url2 的类)

喜欢

.base{
background: url(url1);
}

.selector{
background: url(url2);
}

但堆叠

Answer 1

据我所知，CSS 是一组键值对。键是选择器，规则是与大括号内的值关联的属性集。这就形成了一个规律。如果你堆叠键，那么你基本上是在告诉属性值对于所有匹配选择器的标签都是通用的。但是，如果你想为同一个属性赋予更多的值，这是矛盾的，我很确定它在 CSS 中是不支持的。

编辑:想象一下，解释器必须查看每个规则的每个属性并计算逗号的数量，并检查逗号的数量是否与选择器(值选择器除外)中的逗号数量相匹配。这会减慢解释速度，而且也是荒谬的。