LESS CSS - ID和背景段

而不是在我的.less文件中重复使用CSS。谁会知道如何为以下创建一个LESS函数？LESS CSS - ID和背景段

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

来源

2012-06-01 user1381806

这岂不是这样

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

我不是那个熟悉的越少，我想这样的作品

编辑：

我下面从这个例子的主页

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

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

也哪个部分不起作用？背景图像？也许尝试采用整个图像路径的名称作为变量

来源

2012-06-01 15:37:08 Huangism

不起作用:( – user1381806

@ user1381806你可以尝试定义imageUrl作为使用路径而不是.definition中的变量我没有没有安装，所以我不能测试它。你可以发布你的代码。 – Huangism

我编辑我的答案，源http://stackoverflow.com/questions/6334644/less-css-set-dynamic-background-image-with-mixin我只是在“图像”周围添加{}，我确信它就是这样的，如果不是那样的话，但是有确定的方法 – Huangism

LESS CSS - ID和背景段

回答

相关问题