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

基本篩選選擇器

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

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

層次篩選選擇器

層次篩選選擇器指的是根據(jù)元素在HTML中的位置，來進(jìn)行選擇的選擇器。

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

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