Stylesheet for a section of a page

[Dave Kuhlman]

I'd like to specify a stylesheet for a section of my page. And,
within that section, I want my stylesheet to override all other
stylesheets (and styles). For example:

<div style="mystyles heet.css">

...

</div>
Within this div, I would like mystylesheet.cs s to be applied and
all other stylesheets ignored. Is this possible? I've read
several documents, for example, about linking in external
stylesheets, but can't find a way to do it.

The reason I need this is that my section of the page is in the
content area in the middle of a CMS page, and the CMS is using its
own stylesheet for the surrounding areas. I don't what that
other stylesheet applied in my section (the content area) and I
want mystylesheet.cs s to be applied.

Dave
--
http://www.rexx.com/~dkuhlman

[Barbara de Zoete]

On Mon, 14 Feb 2005 20:16:11 GMT, Dave Kuhlman <dk******@rexx. com> wrote:

I'd like to specify a stylesheet for a section of my page. And,
within that section, I want my stylesheet to override all other
stylesheets (and styles). For example:

<div style="mystyles heet.css">

...

</div>

Use an id

<div id="mystyles">

and style the elements you use in that div in your stylesheet (no need for
a separate one) like

div#mystyles p {
font-weight:bold; }

div#h1, div#h2, div#h3, div#h4 {
color:red; }

div#a:link {
color:purple; }

Well, you get the general idea.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Dave Kuhlman]

Barbara de Zoete wrote:

On Mon, 14 Feb 2005 20:16:11 GMT, Dave Kuhlman <dk******@rexx. com> wrote:

I'd like to specify a stylesheet for a section of my page. And,
within that section, I want my stylesheet to override all other
stylesheets (and styles). For example:

<div style="mystyles heet.css">

...

</div>

Use an id

<div id="mystyles">

and style the elements you use in that div in your stylesheet (no need for
a separate one) like

div#mystyles p {
font-weight:bold; }

div#h1, div#h2, div#h3, div#h4 {
color:red; }

div#a:link {
color:purple; }

Well, you get the general idea.

Great. Thanks. It took a bit of editing on my stylesheet. But,
that seems to be working. I appreciate the pointer.

Dave

--
http://www.rexx.com/~dkuhlman