CSS篩選選擇器具有很強的靈活性，能夠從眾多HTML元素中篩選選擇符合特定條件的元素。它分為兩類：基本篩選選擇器和層次篩選選擇器。

基本篩選選擇器

基本篩選選擇器指的是根據元素的名稱、類名、ID等屬性進行選擇的選擇器。

/*根據元素名稱選擇*/
p {
/*樣式*/
}
/*根據元素類名選擇*/
.class-name {
/*樣式*/
}
/*根據元素ID選擇*/
#element-id {
/*樣式*/
}
/*根據元素屬性選擇*/
[attr=value] {
/*樣式*/
}

層次篩選選擇器

層次篩選選擇器指的是根據元素在HTML中的位置，來進行選擇的選擇器。

/*子元素選擇器*/
parent >child {
/*樣式*/
}
/*后代元素選擇器*/
parent descendant {
/*樣式*/
}
/*相鄰兄弟選擇器*/
element + sibling {
/*樣式*/
}
/*所有兄弟選擇器*/
element ~ sibling {
/*樣式*/
}

使用CSS篩選選擇器，能夠簡化HTML文檔結構，減少了代碼的冗余性，提高了代碼的可讀性和可維護性。需要我們根據實際需求，選擇合適的選擇器來完成樣式的設計。