CSS Class by element ID?

Question

I have a following css

#container { border:1px solid black; } #container #header { color:blue; } #container #footer { color:red; }

Can i write it as

#container { border:1px solid black; #header { color:blue; } #footer { color:red; } }

So the #header and #footer are still select as #container's childs element. Or i need to use some css framework like .LESS ?

jtbandes · Accepted Answer · 2010-08-07 08:18:44Z

1

Nope, CSS doesn't support that. I agree, it would be useful. However, you're right, it looks like LESS supports it.

answered Aug 7, 2010 at 8:18

119k38 gold badges244 silver badges282 bronze badges

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

1 Comment

thanks you very much~ I have a look on CSS3, it still not support. :(

Sarfraz · Accepted Answer · 2010-08-07 08:26:33Z

1

Yes only if you use SASS, not possible in vanilla CSS.

answered Aug 7, 2010 at 8:19

384k81 gold badges561 silver badges613 bronze badges

Marko · Accepted Answer · 2010-08-07 08:20:02Z

0

CSS doesn't support that syntax out of the box, so yes you would have to use .LESS

answered Aug 7, 2010 at 8:20

72.3k29 gold badges126 silver badges160 bronze badges