CSS的:hover偽類在網頁設計中經常被使用，可以在鼠標懸浮在標簽上時改變標簽的樣式，但是當鼠標移出標簽時，樣式會恢復原樣。

為了解決這個問題，CSS提供了另一個偽類叫做:active。這個偽類在鼠標點擊標簽時起作用，但是鼠標移出標簽時樣式同樣也會恢復原樣。

幸運的是，CSS還提供了:mouseout偽類來解決這個問題。通過使用:mouseout偽類，可以在鼠標移出標簽時改變標簽的樣式，而不是只在鼠標懸浮在標簽上時改變。

/* 當鼠標移出標簽時改變背景顏色為紅色 */
.my-tag:hover {
background-color: blue;
}
.my-tag:mouseout {
background-color: red;
}

在上面的代碼中，當鼠標懸浮在使用.my-tag類的標簽上時，標簽的背景顏色會變為藍色。當鼠標移出標簽時，標簽的背景顏色會變為紅色。

這個偽類非常有用，可以讓標簽的交互性更靈活，為網頁設計帶來更多的可能性。