ansaurus

Question

Answer 1

+1 A:

Instead of working directly with tag names, keep two sets of classes ("inner" and "outer") and work with those.

So you can have a div.inner definition, and a div.outer definition, and work on them separately. The inner one would have to explicitly undo the settings outer has, though.

Something like

<div class="outer">
  <div class="outer">Some content. <small>Small text.</small></div>
  <div class="inner container">
     <small>Blah blah blah</small>
     More content
  </div>
</div>

And in your CSS define whatever you need,

div.outer {
   border: 1px solid black;
}
div.outer small {
   font: 17pt;
}
div.inner {
   border: none;
}
div.inner small {
   font: 15pt;
}
div.container {
   overflow: auto;
   width: 500px;
   height: 300px;
}

Welbog 2009-05-12 16:37:55

Okay, this is what I feared. So if my sub content has a ton of different tags that would be directly changed from the css, I would need to create the CSS classes as described above to change all my tags... I am sad, but the first step towards grief is denial.

Jason Heine 2009-05-12 16:49:48

Answer 2

A:

don't think there is a way to not inherit css. i think the only way is to 'reset' all the styles set on its parents explicitly. see eg http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for a list of default properties.

second 2009-05-12 16:42:41

Answer 3

A:

There is, as second notes, no way to inherently prevent the cascade of styles, it's the cascade that defines CSS after all. So you are reduced to using the .inner and .outer approach that Welbog suggested.

So you're reduced to defining your styles for the main document as you normally would. However to override those styles for the same elements under the T&C div you would have to explicitly override/re-style. You could use two stylesheets to retain clarity, but you'd have to remember, in the t_and_c.css to explicitly preface every declaration with the id of the enclosing div, for example:

#t&c p {...}

#t&c a:link,
#t&c a:visited {...}

David Thomas 2009-05-12 17:37:00

ansaurus

tags:

views:

answers:

CSS - Nested DIV : Clear Sub Styles

related questions