在 CSS 編寫當中，用到元素過濾器是非常普遍的，可以幫助我們更好地設計網頁界面。

元素過濾器是一種 CSS 選擇器，用于選擇某些元素并改變它們的樣式。比如，使用 :first-child 選擇器可以將列表中的第一個元素設置為特定的樣式。還可以使用 :nth-child 選擇器選擇特定位置的元素，其語法為 ：nth-child(an+b)。其中，a 是周期的數量，b 是在周期中要選擇的元素的位置。

/* 選擇列表中第一個 li 元素 */
li:first-child {
color: red;
}
/* 選擇列表中奇數位置的 li 元素 */
li:nth-child(odd) {
color: blue;
}
/* 選擇列表中第 3 個元素及其后續元素 */
li:nth-child(n+3) {
color: green;
}

還可以使用 :not 選擇器選擇不符合特定條件的元素。例如，如果希望除了特定元素以外的所有其他元素都具有特定的樣式，則可以使用 : not 選擇器。

/* 選擇任何類型的元素，但排除所有空元素 */
:not(:empty) {
color: blue;
}

在使用元素過濾器時，需要注意以下幾點：

• 復雜的元素過濾選擇器可能會導致性能問題。
• 某些元素過濾選擇器不適用于舊版本的互聯網瀏覽器。
• 嘗試使用其他選擇器（如 class 或 ID），因為過濾器可能難以維護。

總之，元素過濾器是一種強大的 CSS 選擇器，可用于更好地設計網頁，在使用時需保持謹慎和適當取舍。