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

时间:2012-02-13 02:37:25

标签: css css3

如果我有声明:

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

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

h1.foo {
  background-image: default, default, url(c.png);
}

1 个答案:

答案 0 :(得分:4)

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

.foo {
    background: url('...') 50% 50% no-repeat,
                url('...') 50% 50% no-repeat,
                url('...') 50% 50% no-repeat;
}

.foo {
    background-position: 50% 50%, 75% 75%, 50% 50%;
}

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