CSS中常常用導航條來實現網站的導航功能，而當前所處位置的導航項常常需要特別標識。

實現導航項變色的方法有很多種，其中一種是通過CSS的偽類選擇器實現。我們在CSS樣式表中為當前所處位置的導航項設置一個class，然后利用CSS的偽類選擇器:hover和:not將其它導航項樣式變更。

/* 設置當前導航項的class名為active */
.active {
background-color: #FF0000;
color: #FFFFFF;
}
/* 鼠標移動到導航項上時的樣式 */
a:hover {
background-color: #CCCCCC;
color: #000000;
}
/* 取消當前導航項的樣式 */
a:not(.active):hover {
background-color: #FFFFFF;
color: #000000;
}

上述代碼中，我們使用了三個CSS規則，分別是為當前導航項設置樣式的.active規則、鼠標移動到導航項上時的a:hover規則、取消當前導航項樣式的a:not(.active):hover規則。

需要注意的是，若當前所處位置的導航項鏈接為當前頁面，則需要在HTML代碼中給該鏈接增加class為active，以在頁面加載時為該導航項添加樣式。