CSS specificity or inheritance?

Question

I\'ve looked at similar questions here but I haven\'t found one particular to my case.

If I read this article correctly: http://css-tricks.com/specifics-on-css-speci

Answer 1

A selector's specificity is calculated as follows:
- count the number of ID selectors in the selector (= a)
- count the number of class selectors, attributes selectors, and pseudo-classes in the selector (= b)
- count the number of type selectors and pseudo-elements in the selector (= c)
- ignore the universal selector

Selectors inside the negation pseudo-class are counted like any other, but the negation itself does not count as a pseudo-class.

Concatenating the three numbers a-b-c (in a number system with a large base) gives the specificity.

So:

a:link
- a=0
- b=1
- c=1
- Result = 011

.button
- a=0
- b=1
- c=0
- Result = 010

Result: a:link is higher than .button.

Fix: :link won't work on anything but a tags anyway, so specifying a:link is redundant. Use :link instead, and that will fix the problem (provided .button is defined after :link)