css - LESS CSS - ID 和背景段落

Question

而不是在我的 .less 文件中重复这个 CSS。有人知道如何为以下内容创建 LESS 函数吗？

li  #prize-1 span {
                background: url('@{imagesUrl}/1.png') no-repeat;
                width: 874px;
                height: 188px;
            }   
li  #prize-2 span {
                background: url('@{imagesUrl}/2.png') no-repeat;
                width: 874px;
                height: 188px;
            }

Answer 1

不会是这样吧

.definition (@image: nameOfImageDefault) {
  background: url('@{imagesUrl}/@{image}') no-repeat;
  width: 874px;
  height: 188px;
}

li  #prize-1 span {
    .definition(nameOfImage);
        }   
li  #prize-2 span {
    .definition(nameOfImage);
}

我对 LESS 不是很熟悉，所以我认为这是可行的

编辑:

我正在关注他们主页上的这个例子

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

还有哪个部分不起作用？背景图片？也许尝试以名称作为变量获取整个图像路径