在CSS中，選擇器和屬性的多種組合方式可以讓我們實現各種不同的樣式效果。而直接子集選擇器就是其中一種選擇器組合。

/* 選擇所有ul的直接li子元素 */
ul >li {
/* 樣式 */
}

直接子集選擇器使用“>”符號，可以選擇某個元素的直接子元素。例如，上面的代碼選擇了所有ul元素的直接子元素li。它們之間沒有其他元素的干擾。

直接子元素
非直接子元素

如上代碼所示，只有第一個li元素是ul元素的直接子元素，第二個li元素則不是。如果我們使用普通子元素選擇器“ ”代替“>”，則會選中兩個li元素，不符合需求。

直接子集選擇器不僅可以選擇子元素，還可以選擇子元素的任意屬性。例如：

/* 選擇所有class為list的直接子元素a */
.list >a {
/* 樣式 */
}

上面的代碼選擇了所有class為list的元素的直接子元素a。即只有a標簽緊接在.list標簽后，并沒有中間隔著其他元素。

直接子集選擇器是CSS中非常實用的選擇器之一，通過巧妙的組合可以使樣式選擇更加精準，符合實際需求。