Today I Learned

hashrocket A Hashrocket project

:root Has Higher Specificity Than html

The :root CSS pseudo-selector and html will target the same element -- <html>, but :root has higher specificity. That means the property rules declared under :root will take precedence over those under html.

:root {
  background: red;

html {
  background: blue;

In the case of the above code, the <html> element's background color will be red.


See More #html-css TILs