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和背景段

回答

相關問題