Is there a way to apply a CSS file to a particular div?

Question

I have a layout with a header, a navigation pane on the left, and a content pane on the right. The content pane is a pure white background, and I would like to apply an entirely different set of styles to it than the other two panes.

Is there a way to apply a style sheet to the div of the content pane, without having to resort to putting #content in front of each and every one of my css classes in the "content" css file? Or is putting #content in front of each class the correct way to do it?

Answer 1

Putting #content in front is the right way.

The only way to apply a whole stylesheet to a single element without using selectors would be to put it into an IFrame, which would cause a heap of other problems.

Answer 2

This is a little wacky, but if your page is dynamic, you could inject a compressed stylesheet directly into the style attribute of the element.