a:hover not working by default?

[RADesign]

For some reason my links don't change color on hover.

They do when I copy line 133 (default theme); a:hover { color: link_hover_color; font: link_hover_font; text-decoration: link_hover_decoration; }
to the bottom of the CSS. That's not how it should be, is it?

And no, this isn't just happening on my board. Some of my members seem to have the same problem. Is this a bug?

[Chris]

Apr 20, 2013 5:27:26 GMT -8 RADesign said:

For some my links don't change color on hover.

They do when I copy line 133 (default theme); a:hover { color: link_hover_color; font: link_hover_font; text-decoration: link_hover_decoration; }
to the bottom of the CSS. That's not how it should be is it?

And no, this isn't just happening on my board. some of my members seem to have the same problem. Is this a bug?

That sounds like a rule of equal weight (specificity) is defining a hover color further down in the stylesheets since moving yours to bottom then gets it working. In cases of conflicting rules of equal weight the last one wins. A forum link would reveal which rules are in competition with yours but you could try increasing the weight of your rule by adding a class or id to the selector, upping the ante until your rule wins even before the race starts

[RADesign]

hmmm... I just tried this on a new default template. The result is the same. Links don't change color on hover!

[RedBassett]

Can you provide the forum URL?

[RADesign]

Sure, no problem.

atlantis-hub.freemessageboards.com

[CheatAreZee]

Hi RADesign,

Out of curiosity, if you modified your CSS to do the following:

a:hover { color: link_hover_color !important; ...

Does the hover color appear with that in place?

[RADesign]

Hi CheatAreZee,

Yeah, that did the trick.

Question is though, why should I have to modify a default theme for this to work?

[CheatAreZee]

Not sure exactly, as it shouldn't be required especially if it's done on an un-modified theme. I'll do some tests with a default theme to see if I experience the same issues with the link hover, and will report my findings to the developers to look into further

[Chris]

.content-box a, .container a {
 color: #004FA0;
}

.list a {
 color: #004FA0;
}

Both those rules would trump your rule since they are of equal weight (1 class and 1 tag) as your rule at line 192 and line 249 respectively, with the last rule of equal weight winning. If you had modified your selector to #content a:hover (1 id, 1 pseudo-class and one tag) then it would be heavier than the other two and win regardless. Adding important lets it override all other weights except another important of higher weight but it will come back to bite you, use sparingly

[RADesign]

Apr 20, 2013 17:48:53 GMT -8 Chris said:

.content-box a, .container a {  color: #004FA0;}

.list a {  color: #004FA0;}

Both those rules would trump your rule since they are of equal weight (1 class and 1 tag) as your rule at line 192 and line 249 respectively, with the last rule of equal weight winning. If you had modified your selector to #content a:hover (1 id, 1 pseudo-class and one tag) then it would be heavier than the other two and win regardless. Adding important lets it override all other weights except another important of higher weight but it will come back to bite you, use sparingly

I'm afraid you lost me, Chris.
I did not put in those rules. The links just won't change color on hover in an unmodified default Theme (or in any of my Themes for that matter).

[Chris]

Those are 2 of the hundreds of other rules set by Proboards which is why I keep harping on one of the basic tenets of CSS which is weighting (specificity). Anybody using CSS has to be aware of this, there are rules that define flow of cascading stylesheets and the ability to recognize and alter that flow is what is referred to as "using CSS".