Question

I have one div “classA” that contains inside one sprite element of classB. I need to develop the LESS code that changes attributes of classB when I hover classA. the css would be like:

classA:hover classB{
etc
}

but no idea how to make this connection in LESS.

artdias

Answer 1

You can use indentation LESS feature:

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

And if you want to use another fantastic LESS feature:

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