鼠標劃過是我們在網頁設計中經常用到的一個效果，通過使用CSS中的“:hover”偽類選擇器，我們可以輕松地實現鼠標移動到元素上時，對應元素發生的變化。

element:hover {
/* 鼠標hover時的樣式 */
}

“:hover”偽類選擇器可以用于任何元素，如文本、鏈接、按鈕、圖像等。例如，我們可以為鏈接添加“:hover”樣式，使其在鼠標懸停時改變顏色、字體樣式或添加下劃線。

a:hover {
color: red;
text-decoration: underline;
}

除了單個元素之外，我們還可以通過為容器元素應用“:hover”樣式來實現其內部元素的變化。例如，我們可以通過hover狀態來顯示或隱藏內部元素。

.container:hover .inner {
display: block;
}
.inner {
display: none;
}

需要注意的是，在移動設備上，“:hover”效果可能無法正常工作。為了避免這種情況，我們可以通過JavaScript實現一個觸摸事件，使移動設備用戶也能享受到hover效果。

element.addEventListener('touchstart', function(){
/* 鼠標hover時的樣式 */
});

通過了解和運用“:hover”偽類選擇器，我們可以讓我們的網站更具有交互性和美觀性，提高用戶體驗。