<分区>
<分区>
我的 .less 文件里有这样的东西
.form-section {
.special-check {
width: 100%;
display: block;
.ui-selectmenu-button();
width: auto;
overflow: hidden;
}
这将是。生成 .form-section .special-check
我想要这样的东西 .form-section .special-check, .something
但我不知道该怎么做少做。当然我可以复制并粘贴 .something
的规则,但这不是好的解决方案。你知道怎么做吗?
非常感谢您的宝贵时间。
最佳答案
无需重复规则:
.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
关于css - 在 less 中复制 CSS 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27320631/