在網頁設計中，為了讓頁面更加生動、易于操作，通常都會添加一些鼠標移動事件。例如，當鼠標移到導航欄的菜單上時，菜單的樣式會發生改變，以提示用戶當前所在的位置。但是，在某些特定的場景中，我們希望鼠標移到元素上時不發生樣式的改變，例如在圖片上添加超鏈接時，我們不希望在鼠標移到圖片上時出現下劃線。

為了實現這一效果，我們可以使用CSS中的:hover偽類來控制鼠標懸停時的樣式。但是，在:hover中設置樣式過于簡單，我們需要設置原始狀態下的樣式，以便懸停時不產生變化。這時，我們就需要使用CSS中的“鼠標未懸停”狀態選擇器：:not(:hover)。只需在樣式表中添加:not(:hover)即可。

img {
text-decoration: none;
}
img:not(:hover) {
cursor: pointer;
}

上述代碼表示，我們在圖片上設置了無下劃線，當鼠標未懸停在圖片上時，將鼠標變為手形以提示該元素可點擊。

需要注意的是，除了:hover和:not(:hover)以外，還有一些其他的偽類可以設置元素的狀態。例如，:active可以設置元素被激活時的狀態，:focus可以設置元素被點擊后獲得焦點的狀態等等。這些偽類的使用可以極大地提高網頁的交互性和美觀度。