Misconceptions about CSS Specificity
Briefly

Instead, Specificity is a triple (or a triad) that has three components: A, B, and C, each determining the specificity level. The (A,B,C) or A-B-C notation is commonly used to represent it.
Specificities are compared by A being most important, followed by B, then C; if values are tied, specificities are equal. Example: (1,0,0) has higher specificity than (0,10,3) due to the A component.
...if the two B values are tied, then the specificity with a larger C value is more specific; if all the values are tied, the two specificities are equal.
Read at Bram.us
[
add
]
[
|
|
]