CSS中的hover樣式是一種常見的交互效果，它可以在鼠標懸停在一個元素上時改變該元素的樣式。不過有時候我們希望去掉這個效果，該怎么做呢？

/* 取消一個單獨元素的hover樣式 */
.element:hover {
/* 去掉 hover 樣式 */
all: unset;
}
/* 取消所有元素的 hover 樣式 */
*:hover {
/* 去掉 hover 樣式 */
all: unset;
}

上面的代碼中，我們使用了 CSS 的 unset 屬性，它可以將元素的所有樣式都設置為默認值。這種方法可以針對單個元素取消 hover 樣式，也可以一次性取消所有元素的 hover 樣式。

注意：使用 unset 屬性時需要注意兼容性。該屬性在一些舊版的瀏覽器中可能不支持，我們可以使用其他的方法來去掉 hover 樣式，例如使用 !important 規則：

/* 使用 !important 去掉 hover 樣式 */
.element:hover {
/* 去掉 hover 樣式 */
color: inherit !important;
background-color: transparent !important;
}

使用 !important 規則可以強制覆蓋原有的樣式，去掉 hover 樣式。不過這種方法需要使用 !important 規則，可能影響代碼的可維護性。

綜上所述，我們可以使用 unset 屬性或者 !important 規則來去掉 CSS 中的 hover 樣式，讓頁面的交互效果更加靈活多變。