I have some styles defined for a page via the following within the
<HEAD> tag:
<link rel="stylesheet" href="/Styles/layout.css" type="text/css">
That external style sheet contains the following definition:
p { font-size: small; font-family: verdana, arial, helvetica, sans-serif; }
For just a portion of the HTML on that page I would like to redefine P to:
p { font-size: x-small; font-family: verdana,arial,helvetica,sans-serif; }
and beyond that section of html, use the definition for p from my
external style sheet file again.
Is there a way to redefine P but only for a portion of the HTML of a page?
So something like the following for that page...
<link rel="stylesheet" href="/Styles/layout.css" type="text/css">
<!-- This portion of the html uses the definition for P from
/Styles/layout.css -->
redefine P to be
p { font-family: verdana,arial,helvetica,sans-serif; font-size: x-small; }
<!-- This portion of the html uses the definition for P from the line above.
<!-- This portion of the html uses the definition for P from
/Styles/layout.css -->
I don't want to define another class for P because the html that will
use the redefined P is retrieved dynamically and does not contain inline
class information... it just has simple <P> tags. I could process that
html to add in class information for all P tags, but I would prefer to
avoid that processing. I thought that CSS would provide me with a method
for temporarily redefining P, but nothing that seems obvious to me seems
to be working out well.
Thank you.
--
Jim Albert
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
