我正在尝试使用getComputedStyle访问CSS规则的值。以下是我尝试访问的值：
vue-awesome但是当我对此进行测试时，我会收到以下值：
background: linear-gradient(to right, red , yellow);
以下是我正在使用的代码：
rgba(0, 0, 0, 0) linear-gradient(to right, red, yellow) repeat scroll 0% 0% / auto padding-box border-box
我想解释一下为什么要打印这些附加值，为什么我不仅仅获得写在样式表中的值，以及如何只获得该值。
答案 0 :(得分：1)
正如Chris G所指出的那样，background作为一种速记，可以一次设置多个速记属性，包括您未指定的属性。因此，background速记的计算值除包含您指定的渐变外，还包含 all 所应用的速记的值-由于您没有指定梯度，所有这些都将设置为其初始值没有指定它们，而是使用了background的缩写。浏览器仍然需要计算这些其他值，以便可以呈现布局，并假设您可能对这些其他值感兴趣，因此当您要求速记时，它会将它们交给您。
如果您只对渐变感兴趣，请改为获取background-image属性的值。