Special nature of Selector

Source: proficient in CSS: advanced Web Standard Solutions

To calculate the rule's particularity, each selector is assigned a numerical value. Then, the values of each selector of the rule are combined to calculate the rule's particularity.

The specificity of selector is divided into component levels: A, B, C, and D.

• If the style is intra-row style, a = 1.
• B = the total number of ID selectors.
• C = number of class, pseudo class, and attribute selector.
• D = number of type selectors and pseudo element selectors.

Special Example

Selector	Special	10-based particularity
Style = ""	1, 0, 0	1000
# Wrapper # Content {}	0, 2, 0, 0	200
# Content. dateposted {}	0, 1, 0	110
Div # Content {}	0, 1, 1	101
# Content {}	0, 1, 0, 0	100
P. Comment. dateposted {}	0, 0, 2, 1	21
P. Comment {}	0, 0, 1, 1	11
Div P {}	0, 0, 0, 2	2
P {}	0, 0, 0, 1	1