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