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

Question

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

类A：悬停类B {等}

但不知道如何在 LESS 中建立这种联系。

蒿属

Answer 1

您可以使用缩进 LESS 功能：

.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 */
        }
    }
}