How to use CSS to get text to display differently on different parts of a page??

[WP1]

Hello,

How would I have to alter the following script inside of a style sheet to get text in different locations on a page to display differently.

I have a handle on links using CSS. They are displaying the way I want them to. Below is an example of the CSS script I placed for the links in a left navigational column.

/* left nav links (over gold) main links */ 
a.lnavml:link {color: #FFFFFF; } 
a.lnavml:visited {color: #000000; } 
a.lnavml:hover {color: #CCCCCC;  text-decoration: underline; }

Would appreciate any help with this.

WP

[JMulder]

The only solution that comes in mind is using more different classes with exactly the same code except the color ofcourse. Unless you want it to happend randomly a JAVAscript would come in handy? But that isn't my area

[Marina]

Jmulder is right about using more different classes. Here is a tutorial I found helpful (especially if you are using DW): http://www.thepattysite.com/dreamwea...nkstyles3.html

[WP1]

Hello,

Thanks for the link Marina it cleared up some things for me.

I have included the <td> into the style code as you can see below

/* left nav links (over gold) main links */ 

td.lnavml {color: #FFFFFF;}
a.lnavml:link {color: #FFFFFF; } 
a.lnavml:visited {color: #000000; } 
a.lnavml:hover {color: #CCCCCC;  text-decoration: underline; }

I have also included the <td> into the body as
<td class="lnavml">

The problem is I am not seeing any results. I do not know if my Web Host is having a refresh/cache problem today. I will wait awhile and see if any changes occur.

Will post findings here.

WP

[tubedogg]

I'm pretty sure what you posted won't work. Try this on for size:

/* left nav links (over gold) main links */ 

td.lnavml {color: #FFFFFF;}
td.lnavml A:link {color: #FFFFFF; } 
td.lnavml A:visited {color: #000000; } 
td.lnavml A:hover {color: #CCCCCC;  text-decoration: underline; }