将CSS转换为LESS选择器 [英] Convert CSS to LESS selector

问题描述

我有这样的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，的选择器应该使用相同的风格获得后退按钮和取消按钮。像这样：

But now I want to convert to LESS but I'm not sure which kind of selector should I use to get the back-button and cancel-button with the same style. Something like this:

.button-navigation-container button {
       /*some properties*/

            /*Selector for cancel-button and back-button ?*/{
                text-align: right;
                padding-right: 2%;
            }
}

我应该使用 extend（）？

推荐答案

Less

Less

.button-navigation-container {
    button {
        /*some properties for button*/
        &.back-button, &.cancel-button {
            text-align: right;
            padding-right: 2%;
        }
    }
}

StyleSheet ）

StyleSheet (Generated from the 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转换为LESS选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！