[RESOLVED] Why does an earlier CSS style "dominate" a style later on?

[narutodude000]

In my CSS file, I have this:

#sidebar a{color:#105CB6;}
...
tbody.datepickerDays td.datepickerSelected a{color:#fff;}

How come the link is #105CB6, and not #fff? There's no !important.
In Google Chrome's developer tools, "tbody.datepickerDays td.datepickerSelected a{color:#fff;}" shows up, but it's crossed out. Why is it?

[Jeff Mott]

Seems like a specificity issue.

See http://www.w3.org/TR/CSS21/cascade.html#specificity

[narutodude000]

Thanks, so #foo{} "cascades" .foo{}. I added an additional variable in front of my selector and solved it.