Qbasicnews.com

I need some CSS gurus here (Oracle).
If I have this in my stylesheet:

Code:
a:hover {

text-decoration: none;

color: #000000;

}

How can I make it so that in one <div> of the page, that hover-link style is applied, but in another, a different one is.
I can't do this:

Code:
div.hoverStyle1 {

a:hover {

text-decoration: none;

color: #000000;

}

}

Because you can't have nested {}'s.

Code:
div.class > a:hover {

  text-decoration: none; 

  color: #000000; 

}

haven't tested, but should work...
or put a class/id in each link tag inside the div

Thanks...I didn't know about the > operator.

The > is optional. Specifying many levels of classes/tags can be used like this (useful for a threaded forum):

Code:
ul {/* styles for forum text */}

ul li {list-style: circle;}

ul li li {list-style-image: url(arrow.gif);}

ul li li li {/* etc etc */}

Gotcha.
Thanks.

Zack