CSS – context used styling?

Question

Question by Jurik

I thought that it was possible, but everyone tells me it’s not.

I want context styling in my css file like:

div#foo {
 h2 {
   color: #F42
 }
 p.bar {
   font-size: 12px
 }
}

So that only h2 and p.bar in the div with id foo will be styled. Or is this only possible with LESS and other similar libs?

Thanks & kind regards,
Jurik

Answer 1

This is not possible with pure CSS, that’s why you should use SCSS or LESS (i suggest to use SASS/SCSS), which are CSS supersets

LESS/SASS-SCSS allows you to write dynamic CSS with ease, take a look at this comparision

check out COMPASS which is the main reason why I suggest you SASS/SCSS

Answer 2

Its not possible using default CSS techniques.

But, by using sass and less however, it is possible.

The code in your question, works in both of the libraries above.