鼠標經常被用于導航，提示和動畫等用戶交互的情境中。通過CSS的:hover偽類，我們可以實現更多的鼠標事件效果。當用戶使用鼠標 hover（懸停）在元素上時，我們可以改變這個元素的樣式。

/* 通過:hover偽類給元素增加樣式*/
element:hover {
/* 添加CSS屬性來改變元素的樣式 */
background-color: yellow;
color: red;
}

:hover偽類可以應用于大多數HTML元素，例如div，a，button，input等。我們可以使用:hover來設置鼠標懸停時的顏色、背景圖片、字體大小、旋轉角度等等。

顯然，這些:hover效果可以增加用戶界面的視覺吸引力和交互性。

在實踐中，我們有時會希望一些:hover效果只適用于特定的子元素。這時，我們可以使用CSS的子元素選擇器“>”：

/* 設置只有a元素在懸停時才改變樣式，不改變div的樣式 */
div >a:hover {
background-color: blue;
color: white;
}

最后，我們需要注意一點：:hover偽類不適用于所有設備，例如觸摸設備不支持鼠標懸停事件。因此，在設計鼠標懸停效果時，我們需要考慮到用戶的設備類型。