CSS樣式層級關系是控制網頁上各個元素顯示效果的重要因素。在CSS中，每個元素都有一個默認的層級關系。如果默認關系不能滿足我們的需求，我們就需要手動設置元素的層級關系。

/* 設置元素層級關系 */
selector{
z-index: value;
}

上述代碼中，selector是需要設置層級關系的元素選擇器，z-index是CSS屬性用于設置元素的層級關系。value的值可以為正數、負數、和0，表示元素在整個文檔流中的層級高低。z-index在同級元素中的大小關系決定了元素對其它元素的覆蓋情況。

z-index屬性值越大，表示元素在層級關系中越高，也就是靠近用戶。如果兩個元素的層級關系一樣，文檔流中后出現的元素會覆蓋前面的元素。在使用z-index屬性時，元素的position屬性必須設為非static值，否則z-index屬性無效。

/* 例： */
div{
position: relative;
z-index：1;
}
層級嵌套的影響

在CSS中，元素的層級關系有時是由HTML結構決定的。如果某個元素內嵌了一個元素，在不設置層級關系的情況下，子元素優先于父元素在層級關系中顯示。

我們可以使用CSS中的子選擇器和后代選擇器來改變這種層級關系，以得到想要的效果。

/* 選擇父元素下第一個子元素 */
parent >child{
}
/* 選擇父元素下的所有后代元素 */
parent descendant{
}

在使用CSS樣式層級關系時，需要充分了解各個選擇器的使用，以及理解元素在文檔流中的位置，才能準確地設置元素的層級關系，實現期望的效果。