在CSS中，層級關系很重要。CSS是按照層級關系來解析的。因此，在編寫CSS代碼時，必須理解這些符號的含義。

ul li a {
color: red;
}

在上面的代碼中，我們使用了“空格”符號來表示層級關系。在CSS中，“空格”表示一個元素是另一個元素的子元素。在這個例子中，我們選擇了一個ul元素下的子元素li，并選擇了li元素下的子元素a。

.box>p:first-child {
font-weight: bold;
}

在上面的代碼中，我們使用了“>”符號來表示層級關系。在CSS中，“>”表示一個元素是另一個元素的直接子元素。在這個例子中，我們選擇了class為“box”的元素里，第一個p元素是其直接子元素，并為其設置了加粗字體。

.box~p {
color: blue;
}

在上面的代碼中，我們使用了“~”符號來表示層級關系。在CSS中，“~”表示一個元素是另一個元素的兄弟元素，且在它之后。在這個例子中，我們選擇了class為“box”的元素后面的所有p元素，并為其設置了藍色字體。