CSS導航圖標更換是網站設計中非常常見的操作。通過更換導航圖標，可以為網站增加獨特的個性和風格。下面我們來具體了解一下如何更換CSS導航圖標。

/* 1.選擇需要更換圖標的菜單項 */
ul li a {
background-image: url("原圖標鏈接");
/* 其他樣式 */
}
/* 2.更換圖標 */
ul li a.menu1 {
background-image: url("新圖標鏈接");
}

以上代碼中，我們先通過選擇器選擇需要更換圖標的菜單項，然后設置它的background-image屬性為原圖標鏈接。接著，在需要更換圖標的地方加上.menu1類名，再設置background-image屬性為新圖標鏈接即可。

需要注意的是，新圖標和原圖標的尺寸應該保持一致，否則可能會出現顯示不全的情況。

此外，我們還可以通過CSS Sprites實現圖標的更換。CSS Sprites是將多張小圖標合并成一張大圖，通過background-position屬性在需要顯示圖標的元素上移動，來實現圖標更換的效果。

/* 1.定義背景圖CSS Sprites */
.icon {
background-image: url("圖標合并后的鏈接");
background-repeat: no-repeat;
}
/* 2.單個圖標設置background-position */
.icon1 {
background-position: 0 0;
}
.icon2 {
background-position: -19px 0;
}
/* 3.更換圖標只需要更改background-position */
.icon1-new {
background-position: 0 -19px;
}

以上代碼中，我們首先定義了一個.icon類，作為CSS Sprites的背景圖。然后，根據圖標在大圖中的位置，設置每個小圖標的background-position。需要更換圖標時，只需要將對應元素的類名更改為.icon1-new，同時更改background-position即可。

總的來說，CSS導航圖標的更換方法比較簡單，但能給網站增添不少活力。在使用時需注意圖標尺寸的保持和兼容性的問題。