with icons inspired by "The Shining" cssspecificity.com
  • universal selector
0 - 0 - 0

  • 1 element
0 - 0 - 1

div
  • 2 elements
0 - 0 - 2

li > ul
  • 9 elements
0 - 0 - 9

body div ... ul li p a
  • 1 class
0 - 1 - 0

.myclass
  • 1 universal selector
  • 1 class
0 - 1 - 0

*.myclass
  • 1 universal selector
  • 1 attribute selector
0 - 1 - 0

*[type:checkbox]
  • 1 pseudo-class
0 - 1 - 0

:only-of-type
  • 1 element
  • 1 class
0 - 1 - 1

li.myclass
  • 1 element
  • 1 attribute
0 - 1 - 1

li[attr]
  • 2 elements
  • 1 pseudo-class
0 - 1 - 2

li:nth-of-type(3n)~li
  • 2 elements
  • 1 attribute
0 - 1 - 2

form input[type=email]
  • 1 element
  • 1 class
  • 1 pseudo-class
0 - 2 - 1

li.class:nth-of-type(3n)
  • 1 element
  • 1 class
  • 1 attribute
0 - 2 - 1

input[type]:not(.class)
  • 10 class / attribute pseudo-class
0 - 10 - 0

.cl:nth-child(odd) .chk[type]...
  • 1 ID selector
1 - 0 - 0

#myDiv
  • 2 types
  • 2 class / attribute
  • 1 ID selector
1 - 2 - 2

#myDiv li.class a[href]
  • 2 ID selectors
  • 1 type selector
2 - 0 - 1

#divitis #myDiv a
  • inline style
1 - 0 - 0 - 0

style=""
  • !important
1 - 0 - 0 - 0 - 0

!important