[thelist] redefining styles top to bottom

On Monday, February 17, 2003, at 04:07  PM, rudy wrote:
>> How can I keep using the same external stylesheet and
>> have the preview styled as I want - and have a plain old
>> redefinition of td in the embeded stylesheet? Can I?
>
> sure you can -- you need two different styles, is all
>
>    td.foo { style definition }
>    td.bar { style definition }
>
>    <td class="foo">gets the foo style</td>
>    <td class="bar">gets the bar style</td>

Yeah, thought of that, but that requires giving the td's a class ...
want to keep the CSS as simple and compact as possible as it's going to
end up in HTML email. But seeing the idea in front of me inspired a
solution that completely works:

<link rel="stylesheet" type="text/css" href="styles.css" />

form here gets styles are from external stylesheet.

#preview.td { style def 2 }

<div id="preview">

<cfsavecontent variable="my_preview">

<td>gets style def 2</td>

</cfsavecontent>

<cfoutput>#my_preview#</cfoutput>

</div>

<cfsavecontent variable="my_html_email">

td { style def 2 }

<cfoutput>#my_preview#</cfoutput>

</cfsavecontent>



-----------------------
Erik Mattheis
GoZz Digital
<http://goZz.com/>
Flash and ColdFusion Development
Minneapolis, MN
-----------------------