Two Sets of a:hoover? 1

[danielh68]

Hi.

I creating this site at

http://www.optistreams.com/opti_test_site/

and I customized a set of link tags (via CSS) which can be view on the left menu. I like the white contrast on mouse over, but I just realized a flaw in my design. If the user mouses over the "Learn More" link at the end of the first paragraph (white background)the link naturally turns white (I'd prefer it a dark grey). Can I create two different a:hover tags via CSS? One for the left menu bar and one for white backgrounds, which can be used on same page?

Advance thanks.

DanH

 

[sweevo]

You can use the ID or Class method in the CSS.

Off the top of my head, I think the class method is as follows:

a.menu:hover {
your css stuff here
}

a.other:hover{
your css
}

Then in the HTML tag for the desired css effect:

<a href=&quot;whatever&quot; class=&quot;menu&quot;>Link 1</a>
<a href=&quot;whatever&quot; class=&quot;other&quot;>Link 2</a>

Hope that helps.

 

[danielh68]

Great. Thanks, sweevo.