Question

我的文件较少：

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background: @dark-bg;
    margin-top: 2px;
    -webkit-box-shadow: 0px -3px 23px 4px #333;
    -moz-box-shadow:    0px -3px 23px 4px #333;
    box-shadow:         0px -3px 23px 4px #333;

}

我想做这样的事情：

.navbar-default .navbar-nav > .open > a {
     background: @dark-bg;
     margin-top: 2px;
     -webkit-box-shadow: 0px -3px 23px 4px #333;
     -moz-box-shadow:    0px -3px 23px 4px #333;
     box-shadow:         0px -3px 23px 4px #333;
     &:hover, &:focus {
         // some command to inherit all the attributes without repeating myself
   }
}

我似乎无法找到直接继承所有内容的方法，而不是像这样重复自己。 LESS可以实现吗？

Answer 1

您已经关闭了，只需再次重复使用&选择器：

.navbar-default .navbar-nav > .open > a {
    &,
    &:hover,
    &:focus {
        background: @dark-bg;
        margin-top: 2px;
        -webkit-box-shadow: 0px -3px 23px 4px #333;
        -moz-box-shadow:    0px -3px 23px 4px #333;
        box-shadow:         0px -3px 23px 4px #333;
    }
}

&个字符将被包装选择器的文字值替换。

较少继承悬停和焦点的确切属性

1 个答案: