标题基本上都是这样说的.
以下是一个例子：
#element {
background: url(image.png) no-repeat center center,linear-gradient(to top,#86a53c,#516520);
}
#element:hover {
background: url(image.png) no-repeat center center,#A0C153,#516520);
}
#element:active {
background: url(image.png) no-repeat center center,#516520,#A0C153);
}
正如你所看到的,只有一个背景图像发生变化 – 另一个在每一个状态都保持不变,但仍然被声明为四次！
那么,是否可以只改变其中的一个背景,而不用另外一个呢？而不必一遍又一遍地重新声明呢？
解决方法
不,不可以,不好意思.这听起来像一个你可以提出的补充,虽然我不知道如何在语法和级联方面发挥出来.
