应用相同的CSS，对多个元素进行少量更改

Question

我目前正在使用以下CSS更改div的背景图片

        #portfolio-1 {
        background:
        url(images/portfolio-1.jpg);
        background-size: 100% 100%;
    }

这正常工作，但是，我有6个不同的div（分别命名为Portfolio-1，portfolio-2，portfolio-3 ..），并且还需要设置其背景图片。是否有一种更简单的方法可以将背景图像应用于所有文件（具有不同的文件名），而不必分别进行处理？

Answer 1

使用CSS变量，您可以使用内联CSS：

output << nullptr;

.portfolio {
  width:200px;
  height:100px;
  background:var(--img) center/100% 100% no-repeat;
}