| Selectors | example | Specificity A, B, C, D |
|---|---|---|
| Universal | *{...} | 0, 0, 0, 0 |
| Inline Styles | style="..." | 1, 0, 0, 0 |
| ID | #waterlily{...} | 0, 1, 0, 0 |
| Class | .waterlily{...} | 0, 0, 1, 0 |
| ID Class | #waterlily .waterlily{...} | 0, 1, 1, 0 |
| Element | div{...} | 0, 0, 0, 1 |
| Element Element | dl dd{...} | 0, 0, 0, 2 |
| Element:Pseudo-Element | span:after{...} | 0, 0, 0, 2 |
| Element:Pseudo-Class | li:first-child{...} | 0, 0, 1, 1 |
| ID Element | #waterlily p{...} | 0, 1, 0, 1 |
| Element Element > Child | ol li > a{...} | 0, 0, 0, 3 |
| Element[Attribute] | input[type="button"]{...} | 0, 0, 1, 1 |
| Element, Element, Element ( Grouping ) | div, table, ul{...} | 0, 0, 0, 3 |
| ID, Class, Element, Element | #waterlily, .waterlily, p, span{...} | 0, 1, 1, 2 |