What is the hierarchy between :root * html and body and when use one or other?

Question

I want to know two things:

1. The hierarchy between :root * html and body on css. I know when css is used with html :root is the same that html, but this first