CSS的復雜選擇器可以讓我們更精細地選擇頁面中的元素。與簡單選擇器只能針對單個屬性進行選擇不同，它可以根據元素層級關系、偽類、屬性值等多個條件來選擇。

/*選擇器1 選擇元素的后代元素*/
div p {
color: red;
}

以上代碼表示選擇所有父級元素為div的p元素，并將其顏色設置為紅色。

/*選擇器2 選擇元素的子元素*/
ul >li {
color: blue;
}

以上代碼表示選擇所有直接子元素為ul的li元素，并將其顏色設置為藍色。

/*選擇器3 選擇兄弟元素*/
p + p {
font-size: 20px;
}

以上代碼表示選擇同級且緊跟在p元素后的另一個p元素，并將其字體大小設置為20像素。

/*選擇器4 選擇元素的偽類狀態*/
a:hover {
color: green;
}

以上代碼表示選擇所有鼠標懸浮在a元素上方時的狀態，并將其顏色設置為綠色。

/*選擇器5 選擇元素的屬性值*/
input[type="text"] {
background-color: yellow;
}

以上代碼表示選擇所有type屬性為text的input元素，并將其背景顏色設置為黃色。

除了以上5種復雜選擇器，還有許多其他的選擇器可以用于更精細地選擇元素，可以根據具體需要來靈活運用。