css - LESS 样式表(当 A 类悬停时更新 B 类)

Question

我有一个 div“classA”，其中包含 classB 的一个 sprite 元素。当我悬停在 classA 上时，我需要开发 LESS 代码来更改 classB 的属性。 CSS 会是这样的:

A类:悬停B类{ ETC

但不知道如何在 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 */
        }
    }
}