覆盖多属性css声明的一部分

ʞɔı*_*ɔıu 5 css css3

如果我有声明:

h1 {
  background-image: url(a.png), -webkit-linear-gradient(transparent, black), url(b.png);
}
Run Code Online (Sandbox Code Playgroud)

是否有可能只覆盖多个值的一部分,即(伪代码):

h1.foo {
  background-image: default, default, url(c.png);
}
Run Code Online (Sandbox Code Playgroud)

jos*_*hnh 4

不是现在。您可以执行以下操作(更改后台简写中的单个属性的值):

.foo{
    背景: url('...') 50% 50% 无重复,
                url('...') 50% 50% 无重复,
                url('...') 50% 50% 无重复;
}

.foo{
    背景位置:50% 50%、75% 75%、50% 50%;
}

但无论你如何处理它,你总是必须声明每个背景图像;到目前为止,您还不能对多个背景图像使用“继承”。