當我們使用CSS時，應該了解CSS屬性選擇器:not。該選擇器將選擇符限定在不匹配指定選擇器的元素上。下面是一個例子，只要是類名不是“box1”的元素，都將樣式應用于它們：

/*例子：匹配所有類名不是“box1”的元素*/
div:not(.box1) {
background-color: yellow;
}

此示例將元素的背景色設置為黃色，但僅在它們不是帶有“box1”的類的情況下應用這種顏色。可以將:not與CSS選擇器的其他部分一起使用，以具有更多的用途。例如，在下面的例子中，我們將選擇所有除第一個列表項以外的列表項，并將它們的顏色設置為綠色：

/*例子：匹配所有不是第一項的列表項*/
li:not(:first-child) {
color: green;
}

上面這個例子使用幾個選擇器，并創建了一個復合選擇器。使用此復合選擇器，我們可以準確為所有不是第一個列表項（即除第一個項目以外，所有列表項）定義顏色。在JavaScript中，可以使用querySelectorAll()方法和:not選擇器來選擇不匹配特定選擇器的元素。

//例子：選擇列表中所有不是第一個的列表項。
const listItems = document.querySelectorAll('li:not(:first-child)');
// 對所選元素進行操作...