What’s the difference between CSS3’s :root pseudo class and html?

by

One technical difference between them is that :root – being a pseudo class has a greater specificity than html (a type selector)

:root {
  color: red
}
html {
  color: green;
}
<div>hello world</div>

So, in the above example, the :root selector overrides the html selector and the text appears red.

More Related Contents:

  1. css3 nth of type restricted to class [duplicate]
  2. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  3. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  4. What is the difference between a pseudo-class and a pseudo-element in CSS?
  5. Does CSS have a :blur selector (pseudo-class)?
  6. What is the difference between :focus and :active?
  7. How to select the first, second, or third element with a given class name?
  8. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  9. What’s the difference between html[lang=”en”] and html:lang(en) in CSS?
  10. Why doesn’t this CSS :not() declaration filter down?
  11. CSS 3 nth of type restricted to class [duplicate]
  12. How to show the first N elements of a block and hide the others in css?
  13. Is there an opposite CSS pseudo-class to :hover?
  14. Is there a CSS selector for elements containing certain text?
  15. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  16. ::slotted CSS selector for nested children in shadowDOM slot
  17. nth-child doesn’t respond to class [duplicate]
  18. Nesting CSS classes
  19. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  20. What is the difference between ‘>’ and a space in CSS selectors?
  21. Why can’t you group descendants in a CSS selector?
  22. Not CSS selectors
  23. What is this CSS selector? [class*=”span”]
  24. Is there any pros and cons if i use always CSS Class instead CSS ID for everything?
  25. Is the :before pseudo-element allowed on an input[type=checkbox]?
  26. CSS select multiple descendants of another element
  27. Select all ‘tr’ except the first one
  28. CSS – First child without certain class
  29. CSS select first element with a certain class
  30. Correct terms and words for sections and parts of selectors

Leave a Comment