This page was created to calculate the CSS specificity of a stylesheet (not including the inline or style rules; the "a" part of the equation). Before this little project, I didn't have a clear understanding of the specificity rules. Now, after creating this page, I don't think I'll need this application.
Specificity is a mechanism within the CSS cascade that aids conflict resolution. The concept of specificity states that when two or more declarations that apply to the same element, and set the same property, have the same importance and origin, the declaration with the most specific selector will take precedence.
Specificity Calculator isn't a CSS validator. If you enter invalid selectors it will return incorrect results. For example, the negation pseudo-class may only take a simple selector as an argument. Using a psuedo-element or combinator as an argument for :not() is invalid CSS3 so Specificity Calculator will return incorrect results.
