hey all,

I have two spans within a link, e.g.

<div id="mylinks">
<a href=""><span class="span0">first line</span><span class="span1">second line</span></a>
</div>

I want to define different styles for these spans depending on the link state, e.g.

[here's my pseudo CSS]


/* normal styles */

#mylinks a.span0 {
STYLE
}

#mylinks a.span1 {
STYLE
}


/* hover styles */

#mylinks a:hover.span0 {
STYLE
}

#mylinks a:hover.span1 {
STYLE
}


From the the name "cascading, I assume this is possible. But I am totally lost in the syntax ... clarification appreciated.

Many thanks!