我有这样的 CSS:
.button-navigation-container button {
/*some properties*/
}
.button-navigation-container button.back-button,
.button-navigation-container button.cancel-button {
text-align: right;
padding-right: 2%;
}
但现在我想转换为 LESS,但我不确定应该使用哪种选择器来获取 back-button
和 cancel-button
相同的风格。像这样:
.button-navigation-container button {
/*some properties*/
/*Selector for cancel-button and back-button ?*/{
text-align: right;
padding-right: 2%;
}
}
我应该使用 extend() 吗? ?
最佳答案
少
.button-navigation-container {
button {
/*some properties for button*/
&.back-button, &.cancel-button {
text-align: right;
padding-right: 2%;
}
}
}
样式表(由LESS生成)
.button-navigation-container button {
/*some properties for button*/
}
.button-navigation-container button.back-button,
.button-navigation-container button.cancel-button {
text-align: right;
padding-right: 2%;
}
关于css - 将 CSS 转换为 LESS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23181607/