Css 多个选择器+；嵌套规则

我有一些不太像下面的：

    .char2, .char3, .char5, .char6{
        display:inline-block;
        position:relative;

        &:hover{
        .text-shadow(@blueDark, 2px, 2px, 20px);
        bottom:0.1em;
        .transform(rotate(30deg));
        }

        .char6:hover{
        .transform(rotate(-30deg));
        }
    }

所以我想做的是设计char2-char6悬停状态的样式，但特别是对于char6，我希望悬停有一些小的额外样式

---

提前感谢

我认为您应该将char6:hover从char2-char6定义中删除：

.char2, .char3, .char5, .char6{
        display:inline-block;
        position:relative;

        &:hover{
        .text-shadow(@blueDark, 2px, 2px, 20px);
        bottom:0.1em;
        .transform(rotate(30deg));
        }
    }

.char6:hover{
        .transform(rotate(-30deg));
        }

---

我认为您应该将char6:hover从char2-char6定义中删除：

.char2, .char3, .char5, .char6{
        display:inline-block;
        position:relative;

        &:hover{
        .text-shadow(@blueDark, 2px, 2px, 20px);
        bottom:0.1em;
        .transform(rotate(30deg));
        }
    }

.char6:hover{
        .transform(rotate(-30deg));
        }

---

将

.char6:将
代码悬停在
.char2、.char3、.char5、.char6
代码块之外，然后从变换方法中删除前面的点：

.char2, .char3, .char5, .char6{
        display:inline-block;
        position:relative;

        &:hover{
        .text-shadow(@blueDark, 2px, 2px, 20px);
        bottom:0.1em;
        transform(rotate(30deg));
        }
    }

.char6:hover{
 transform(rotate(-30deg));
        }

我不熟悉
&:hover
嵌套语法，所以我相信在我有机会研究之前它是有效的。
将
.char6:hover
代码移到
.char2、.char3、.char5、.char6
代码块之外，并从转换方法中删除前面的点：

.char2, .char3, .char5, .char6{
        display:inline-block;
        position:relative;

        &:hover{
        .text-shadow(@blueDark, 2px, 2px, 20px);
        bottom:0.1em;
        transform(rotate(30deg));
        }
    }

.char6:hover{
 transform(rotate(-30deg));
        }

我不熟悉
&:hover
嵌套语法，所以我相信在我有机会研究之前它是有效的。
找到了一个优雅的解决方案：

    .char2, .char3, .char5, .char6{
       display:inline-block;
       position:relative;

    &:hover{
       .text-shadow(@blueDark, 2px, 2px, 20px);
       bottom:0.1em;
       .transform(rotate(30deg));
    }

    &.char6:hover{
       .transform(rotate(-30deg));
    }
}

我自己的例子是：
找到了一个优雅的解决方案：

    .char2, .char3, .char5, .char6{
       display:inline-block;
       position:relative;

    &:hover{
       .text-shadow(@blueDark, 2px, 2px, 20px);
       bottom:0.1em;
       .transform(rotate(30deg));
    }

    &.char6:hover{
       .transform(rotate(-30deg));
    }
}

我自己的例子是：
只需将
.char6:hover
规则移到
{..}
之外即可。把它放在其他规则的下面。谢谢。我的建议是尽可能多的字节，所以不需要快捷语法：-）只需将
.char6:hover
规则移到
{..}
之外即可。把它放在其他规则的下面。谢谢。我认为lessjs有一些快捷语法可以做到这一点。我的建议是同样多的字节，所以不需要快捷语法：-），这就是lessjs语法。是的，这就是我要做的。很高兴帮助了亨森。记住点击Accept按钮：）这是lessjs语法。是的，这就是我要做的。很高兴帮助了亨森。记住点击接受按钮：）这是正确的。原始语法转换为：.char6.char6:hover{…}这是正确的。原始语法转换为：.char6.char6:hover{…}