In theory this should work:
<style type="text/css">
<!--
a > span:first-child {
text-decoration:none
}
-->
</style>
..
<a href=http://www.webdeveloper.com/forum/archive/index.php/"bla.html"><span>I want this underlined</span><span> | but not this</span></a>
In fact it does not. Any ideea why? Any other ideea to achive what I need? (for both IE & Moz)The reason it does not work is probably because it is actually the hyperlink you are trying to alter rather than the spans themselves.
I can understand your logic so the next best thing is to use a class.
<style type="text/css">
<!--
a > span:first-child {
text-decoration:none
}
-->
</style>
..
<a href=http://www.webdeveloper.com/forum/archive/index.php/"bla.html"><span>I want this underlined</span><span> | but not this</span></a>
In fact it does not. Any ideea why? Any other ideea to achive what I need? (for both IE & Moz)The reason it does not work is probably because it is actually the hyperlink you are trying to alter rather than the spans themselves.
I can understand your logic so the next best thing is to use a class.