Nested CSS classes [duplicate]

Name: Nested CSS classes - Stack Overflow
Rating: 4.8 (9367 reviews)

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, CommentedJun 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, CommentedJun 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

7687 silver badges18 bronze badges

"Sass", not "SAS". :)
– user1705630
CommentedJun 12, 2015 at 16:53
I blame spell check... correction made. :)
– EthanK
CommentedJun 13, 2015 at 16:26

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

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

2 Answers 2