複製CSS規則

Question

我有我這樣的事情.LESS文件

.form-section { 

.special-check { 
    width: 100%; 
    display: block; 
    .ui-selectmenu-button(); 
    width: auto; 
    overflow: hidden; 
} 

這將OFC。生成.form-section .special-check，我想要這樣的東西.form-section .special-check, .something但我不知道如何做得少。 ofc我可以複製和規則.something，但這不是一個好的解決方案。你知道該怎麼做嗎？

非常感謝您的時間。

Answer 1

不需要重複的規則：

.something { 
    width: 100%; 
    display: block; 
    overflow: hidden; 
} 

.form-section { 
    .special-check:extend(.something){}; 
} 

或也

.form-section { 
    .special-check { 
     width: 100%; 
     display: block; 
     overflow: hidden; 
    } 
} 

.something:extend(.form-section .special-check){}; 

的結果是一樣的，它只取決於誰是擴大誰

---

編譯輸出

.form-section .special-check, 
.something { 
    width: 100%; 
    display: block; 
    overflow: hidden; 
} 

更多參考：http://lesscss.org/features/#extend-feature-extending-nested-selectors

Answer 2

或者

.form-special { 
    width: 100%; 
    display: block; 
    .ui-selectmenu-button(); 
    width: auto; 
    overflow: hidden; 
} 

.form-section { .special-check { .form-special; }} 
.something { .form-special; }