how do I take css out of a particular section?

[BJ Duncan]

G'day to all,

I was wondering, is there a way of being able to create a site that has css all over it, but then in say 1 <div> tag, take out all css features that run throughout the site?

I guess similar to that of frames (but of course I don't want to use frames).

Many thanks in advance,

[Dan Schulz]

I don't quite understand what you're asking here. Are you asking about inlined styles?

[Centauri]

You would give that div an id or class, then over-ride any css styles it would normally inherit with your desired styling.

[AutisticCuckoo]

The easiest way would be to do what Centauri said: override the CSS for that particular DIV.

The alternative is to use classes for everything except that DIV and style those classes. That would lead to bloated and messy markup, though.

[CaffinePhil]

If you gave that div an id of nostyle and didn't reference it in the CSS would it still inherit any styles?

[AutisticCuckoo]

Any CSS rules specified for unadorned type selectors would still apply. For instance, if you specify a rule like

p {color:red}

it will apply to paragraphs within a DIV with id="nostyle".

If CSS3 were fully supported you could prefix every rule with *:not(#nostyle) and a space, but that will only work in Firefox and Safari at the moment.

[BJ Duncan]

Hey guys,

Thanks for the feedback. My query is basically that of can I have only a particular section of the page that does not conform with the css style sheet and have that particular section conform to the default style.

Out of the responses I take it that it appears it is on the agenda of css3.

Many thanks for everyones help.

Cheers

[AutisticCuckoo]

My query is basically that of can I have only a particular section of the page that does not conform with the css style sheet and have that particular section conform to the default style.

Not without some work, no.