How can I override the color of a link without changing the rest of the styling?

[Si]

I'm trying to create a template using the link widget that gives me green links. I tried the following which does not work:

<style>
.myClass {color:green;}
</style>

<$link class=myClass to="Hello"/>

I know about the overrideClass attribute, but using this means that I loose all the other styling that normally applies to links (for example italicising missing tiddlers).

Is there a way to get green links without changing the rest of the styling for links?

Note: I don't want to change the color for every link in my wiki, just for a specific template.

[Brian Radspinner]

Try this:

<style>
a.myClass {color:green;}

</style>

<$link class=myClass to="Hello"/>

[Si]

Perfect thank you!

Out of curiousity, why does this work? As far as I know a.myClass will select any link element that has the class myClass, but why doesn't .myClass work? Shouldn't it select any element with the class myClass, which would naturally include any link element with that class?

[Brian Radspinner]

a.myClass should have a slightly higher CSS specificity than the default link styling, whereas .myClass by itself is not higher enough to override the TW defaults.

[Si]

Thanks Brian!