Edit in JSFiddle

<body>
	<div>
		背景は優先度が高い:rootが適用されて赤色になる
	</div>
</body>
:root {
	background-color: red;
}
html {
	background-color: blue;
}
div {
	background-color: white;
	margin: 5px;
}