CSS中的:hover偽類非常常見，它在鼠標懸浮于某個元素上時會觸發相應的樣式變化，但是有時鼠標離開后需要元素的樣式還原到初始狀態，這時候就需要使用離開時樣式變化的效果。

.hover {
background-color: #00ff00;
transition: background-color 0.5s;
}
.hover:hover {
background-color: #ff0000;
}
.hover:not(:hover) {
background-color: #0000ff;
}

上面的代碼中，我們首先定義了一個.hover類，它的初始狀態下背景色為綠色，當鼠標懸浮時背景色變為紅色，這是常規的:hover效果。但是當鼠標離開時，我們使用了:not(:hover)選擇器，它表示除了:hover狀態以外的其他狀態，即鼠標離開狀態。在這個狀態下，我們將背景色改為藍色，實現了離開時樣式變化的效果。

除了使用:not(:hover)選擇器以外，我們還可以使用transition屬性來實現樣式的過渡效果，使切換更加流暢自然。

總之，CSS中可以通過:hover和:not(:hover)實現鼠標懸浮和鼠標離開時的樣式變化效果，從而提升頁面的交互效果，讓用戶更加愉悅地使用網站。