embedding inherited style inside body?
Mike Jansen
but not do it with a style attribute on the element?
Here's my delimma:
I'm generating HTML. I don't have access to the <head>. In the <head> is a
stylesheet that defines a style for <p>. I have HTML I am wrapping around
other generated HTML (that I don't have access to) that emits a <p> tag, and
its getting (obviously) the style from the stylesheet. So I'd like to be
able to override the style via some surrounding elements.
Example
<html>
<head><style type="text/css">p { bottom-margin: 20px; }</style></head>
<body>
<!-- POINT A: begin what i have control over -->
<div style="position:absolute; top:0px; right:0px;">
<!--begin more stuff i don't have control over -->
<p>TheOtherGeneratedStuff</p>
<!-- back to me again-->
</div>
...
So somewhere at POINT A, I'd like to insert something that affects the style
of the embedded <p> tag that I don't have control over. Could I just insert
some java script to save and restore the <p> style ? Other options?
Thanks,
Mike
Eric
the HTML take precedence over external stylesheets... also, more specific
styles have precedence over less specific styles. You ought to be able to
insert your style within Point A, and restore the old style by ending the
div... unless there is something else that is prohibiting that?
If you know what the markup is and simply don't have access to change it, I
suppose you could look for some exact pattern and match it... for example,
if it's a <p> within a <table> within a <form>, you could insert "form table
p { ...your code here ... }". Would that work, perhaps?
I'm really new to CSS myself, just thought I'd take a crack at this.
-- Eric
"Mike Jansen" <mjanse...@mail.com> wrote in message
news:OdfSlQIv...@TK2MSFTNGP03.phx.gbl...