層次選擇器是CSS中一種常用的選擇器，它可以根據元素之間的關系進行選擇。以下是幾種常用的層次選擇器以及代碼示例：

后代選擇器用于選擇指定元素內的所有后代元素。其語法為：。

示例：

    /* 選擇所有  元素內的 
 元素 */
    div p {
        color: blue;
    }


    
這是一個段落。
     
    
        
這是另一個段落。
  
    

這是一個獨立的段落。
    

子元素選擇器（Child Selector）：

子元素選擇器用于選擇指定元素的直接子元素。其語法為：。

示例：

    /* 選擇父元素為  的直接子元素 
 */
    div > p {
        color: red;
    }


    
這是一個段落。
       
    
        
這是另一個段落。
  
    

兄弟選擇器（Adjacent Sibling Selector）：

兄弟選擇器用于選擇指定元素的下一個兄弟元素。其語法為：。

示例：

    /* 選擇 
 元素下一個兄弟元素  */
    p + span {
        color: green;
    }

這是一個段落。
這是一個元素。  
這是另一個元素。  

相鄰兄弟選擇器（General Sibling Selector）：

相鄰兄弟選擇器用于選擇指定元素之后的所有兄弟元素。其語法為：。

示例：

    /* 選擇 
 元素后的所有兄弟元素  */
    p ~ span {
        font-weight: bold;
    }

這是一個段落。
這是一個元素。      
這是一個元素。          
這是另一個元素。    

層次選擇器在CSS中非常有用，可以根據元素之間的關系進行靈活的樣式選擇。以上是幾種常見的層次選擇器及其代碼示例，希望對您有所幫助。