Переопределить одну часть объявления css с несколькими свойствами

Question

Если у меня есть объявление:

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

, можно ли переопределить только одну часть нескольких значений, т. Е. (Псевдокод):

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

Answer 1

В настоящее время нет. Вы можете сделать следующее (изменить значение одного свойства в фоновом режиме):

.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%;
}

Но независимо от того, как вы справитесь с этим, вам всегда придется объявлять каждое фоновое изображение; Вы не можете использовать «унаследовать» для нескольких фоновых изображений на данный момент.