如何共享選擇性能之間X選擇在更短的

Question

我有以下的情況......

#cat { 
    padding:0; 
    margin:0 1em; 
    font-size:1.2em; 
    background:red; 
    } 

    #dog { 
    padding:0; 
    margin:0 1em; 
    font-size:1.2em; 
    background:red; 
    } 

...有在更低的方法來創建具有這些特性，股吧在全局函數X選擇像這樣...

(my-pet-basics) { 
    padding:0; 
    margin:0 1em; 
    font-size:1.2em; 
    background:red; 
} 

#cat { 
    (my-pet-basics) 
    //..additional unique properties 
} 

#dog { 
    (my-pet-basics) 
    //..additional unique properties 
} 

感謝您的任何意見

Answer 1

有，這就是所謂一個mixin。參見：http://lesscss.org/features/

Answer 2

如上所示，您必須查看Mixins。直接瞭解你的問題。

你應該寫下面LESS代碼：

.my-pet-basics() { 
    padding:0; 
    margin:0 1em; 
    font-size:1.2em; 
    background:red; 
} 

#cat { 
    .my-pet-basics(); 
    //..additional unique properties 
} 

#dog { 
    .my-pet-basics(); 
    //..additional unique properties 
} 

這導致以下CSS一個：不要有.my-pet-basics

#cat { 
    padding: 0; 
    margin: 0 1em; 
    font-size: 1.2em; 
    background: red; 

    //..additional unique properties 
} 

#dog { 
    padding: 0; 
    margin: 0 1em; 
    font-size: 1.2em; 
    background: red; 

    //..additional unique properties 
} 

MIXIN名稱後添加()是有用在最終的CSS類。