css - LESS スタイルシート (クラス A がホバーしたときにクラス B を更新)

Question

classB の 1 つのスプライト要素を含む 1 つの div "classA" があります。classA をホバーすると classB の属性を変更する LESS コードを開発する必要があります。css は次のようになります。

classA:hover classB{ など }

しかし、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 */
        }
    }
}