CSS中可以使用層級的方式來制作頁面樣式。層級定義了樣式的優先級，這對于控制頁面樣式非常有用。

在CSS中，每個元素都有一個權重值，根據權重值的高低來決定樣式的優先級。當多個樣式同時作用于一個元素時，權重值高的樣式將覆蓋權重值低的樣式。

以下是權重值的計算方法：

• 標簽選擇器權重值為1
• 類選擇器權重值為10
• ID選擇器權重值為100
• 內聯樣式權重值為1000

在使用層級時，可以通過“空格”、“>”和“+”符號來表示元素之間的關系。其中，“空格”表示后代元素，“>”表示子元素，“+”表示相鄰的兄弟元素。

以下是一個例子：

html           /* 權重值為0 */
body           /* 權重值為1 */
.container     /* 權重值為10 */
.container >div   /* 權重值為11 */
.container p   /* 權重值為11 */
.container + div  /* 權重值為11 */
#content       /* 權重值為100 */
#content p     /* 權重值為101 */
#content >p   /* 權重值為1010 (100 + 10) */
div p          /* 權重值為2 */

在上述例子中，如果同時使用了.container、#content和div p三個選擇器對同一個元素進行樣式設置，那么#content >p選擇器對應的樣式將被優先使用，因為它的權重值最高。

除了以上的層級關系，還可以使用逗號“,”將多個選擇器組合起來，這樣它們就會具有相同的權重值。

層級關系雖然能給我們帶來方便，但在實際開發中也要注意，不要濫用層級關系導致樣式表不易維護。在設計樣式時，應該盡量使用簡潔的選擇器，避免冗余的代碼。