How can I have a CSS work only when I have two classes together using less?

Question

I have a <div> in my application. It is set to have a class of "enumPanel" and dynamically I add the class "current".

How can I wire this up in less so that my properties will come into effect only when both classes are present on the div ?

.enumPanel .current {
   // this does not seem to work
}

You are currently using a descendant selector. Instead use multiple selector as answered by Yoshi and Curt. — m4n0, Aug 27 '15 at 12:02

score 2 · Accepted Answer · edited Aug 27 '15 at 12:03

2

CSS

.enumPanel.current {}

LESS

.enumPanel {
   &.current {

   }
}

edited Aug 27 '15 at 12:03

m4n0

answered Aug 27 '15 at 12:01

Curtis

score 1 · Answer 2 · answered Aug 27 '15 at 12:02

1

.enumPanel.current {
    // this will work
}

answered Aug 27 '15 at 12:02

2 Answers2