What is the css html root element

Question

I recently started using NetBeans IDE (6.9.1) and I've already added a stylesheet to my under construction website with it.

I was surprised to see that one thing was automatically added:

root { 
    display: block;
}

I could discover some information on the:root pseudo-class but nothing specific about the root element itself when I looked around.

What is the root element and what purpose does it serve?

Answer 1

The:root CSS pseudo-class corresponds to the root element of a tree that represents the document. In HTML,:root indicates the html> element and is equivalent to the selector html, except that it is more precise.