Nested CSS classes [duplicate]

Question

There is a way to do this in css ?

.main-div {

   .input { ... }
   .select { ... }
   .a { ... }
   .li { ... }
   ....

}

You can do something similar with a CSS preprocessor, like SASS or LESS. — lmgonzalves
– lmgonzalves, Commented Jun 12, 2015 at 15:46
What would be the outcome of what you are intending? Perhaps there is a way, just not like that. — George
– George, Commented Jun 12, 2015 at 15:47

EthanK · Accepted Answer · 2015-06-13 16:24:30Z

1

You would need a preprocessor language like Sass or LESS. Then you could do exactly that.

answered Jun 12, 2015 at 15:46

EthanK

7787 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

"Sass", not "SAS". :)

I blame spell check... correction made. :)

Hacknightly · Accepted Answer · 2015-06-12 15:46:21Z

1

You could use a CSS-preprocessor like LESS or SASS. But there is currently no way to accomplish this in pure CSS.

answered Jun 12, 2015 at 15:46

Hacknightly

5,1743 gold badges28 silver badges27 bronze badges