Have a hyperlink inside of a h1… like so:
<h1 id="site-name"><a href="blah">blah</a><h1>
I apply a sifr3 rule to the css: h1#site-name
then inside sifr3-rules.js i apply the following rules…
"a": { "text-decoration": "none" },
"a:link": { "color": "#FF0000" },
"a:hover": { "color": "#00FF00", "text-decoration": "none" }
But i realized in my Drupal site, it automatically adds .active class to the hyperlink, and the default link color won't work (however unusually the hover works)…
How can I set the rule so something like "a.active": { "color": "#FF0000" } gets applied?
[that does't do anything btw, but i thought maybe it would help it out]
Best Answer
I don't believe Flash lets you select links with a class name (
a.active
). Best bet is to put the active class on theh1
instead. You can then replaceh1.active
to do the different styling. Make sure to replace it before the otherh1
s though.