重複使用少量變量作爲參數混合參數傳遞

Question

是否可以使用少量變量作爲參數混合參數？

下面是一個例子：

@red: #ff0000; 
@blue: #0000ff; 

.body-theme(@color){ 
    background: @color; 
    p { 
     color: @color; 
    }  
} 

body{ 
    &.red{ 
     .body-theme(@red); 
    } 
    &.blue{ 
     .body-theme(@blue); 
    } 
} 

這個例子是不是真的聰明，但應該說明，我想重複使用只設置顏色爲參數的選項的CSS的一部分。

感謝您的幫助！

Answer 1

如果有疑問，對其進行測試：http://lesstester.com/試圖在這裏你的榜樣，也展示出它會成功，給這個輸出：

body.red { 
    background: #ff0000; 
} 
body.red p { 
    color: #ff0000; 
} 
body.blue { 
    background: #0000ff; 
} 
body.blue p { 
    color: #0000ff; 
} 

你應該使用這個在未來的快速測試，如果您不確定如果某件事可以少做或不做。