Question

嗨，我想知道如何在LESS的悬停状态下从另一个类中获取样式。目前我有：

.language .active {
    background:#de1f24;
    color:#ffffff;
    padding:7px;
    text-align:center;
    border-bottom: solid 1px #3A3838;
    display: inline-block;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius:4px;
    font-weight:bold;
}

.language a {
    color:red; 
    font-weight:bold;
}

&:hover{
    &:extend(.language);
}

Answer 1

我不确定我理解了一个问题。但尝试使用这种结构

.language a {
    color:red;
    font-weight:bold;
    &:hover {color:blue;}
}
.language-2 a {
    .language a:hover;
}

Answer 2

.fontSize{
    font-size:22px;
}

.box{
    color:#fff;
    width:50px;
    height:50px;
    background:red;
    font-size:14px;
    &:hover{  /*This will add Hover effect to .box */
        .fontSize;  /*This will inherit the style from the .fontSize class*/
        background:blue;
    }
}

Codepen演示： http://codepen.io/anon/pen/rHghJ

如何在悬停时在LESS中扩展一个类

2 个答案: