cvs – 在悬停上只更改多个背景中的一个

标题基本上都是这样说的.

以下是一个例子：

#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);
}

正如你所看到的,只有一个背景图像发生变化 – 另一个在每一个状态都保持不变,但仍然被声明为四次！

那么,是否可以只改变其中的一个背景,而不用另外一个呢？而不必一遍又一遍地重新声明呢？

我知道其他CSS背景属性(重复,位置等)可以单独设置.这只是一个快速的例子…

解决方法

不,不可以,不好意思.这听起来像一个你可以提出的补充,虽然我不知道如何在语法和级联方面发挥出来.

原文地址：https://www.jb51.cc/css/216549.html