LESS样式表（当A类悬停时更新B类）

Question

我有一个div“classA”，它包含一个classB的sprite元素。当我悬停classA时，我需要开发更改classB属性的LESS代码。 css就像：

classA：悬停classB {      等等 }

但不知道如何在LESS中建立此连接。

artdias

Answer 1

您可以使用缩进功能：

.classA:hover {
    /* Style for "hovered" classA */
    .classB {
        /* Style for .classB when classA is "hovered" */
    }
}

如果你想使用另一个很棒的LESS功能：

.classA {
    /* Style for "normal" classA */
    &:hover {
        /* Style for "hovered" classA */
        .classB {
            /* Style for classB when classA is "hovered" */
            /* classB elements are contained within the classA */
        }
    }
}