:root { /* HTML 문서에서는 루트 요소인 <html> 요소를 선택합니다. */
    background-color: gold;
}
:root {
    --main-color: #222;
    --ci-color: #00a0e9;
    --gutter: 25px;
}
:root {
 /* ... */
}

html {
 /* ... */
}
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
    <book category="cooking">
        <title lang="en">Everyday Italian</title>
        <author>Giada De Laurentiis</author>
        <year>2005</year>
        <price>30.00</price>
    </book>
    <book category="children">
        <title lang="en">Harry Potter</title>
        <author>J.K. Rowling</author>
        <year>2005</year>
        <price>29.99</price>
    </book>
</bookstore>
:root { /* 이 XML 문서에서는 루트 요소인 <bookstore> 요소를 선택합니다. */
    font-family: Arial, sans-serif;
}
book {
    display: block;
    margin-bottom: 20px;
}
title {
    font-weight: bold;
}
author {
    font-style: italic;
}
year, price {
    color: #666;
}