CSS樣式的:hover偽類是一個非常常用的屬性，它讓我們可以在鼠標懸停在元素上時改變該元素的樣式。但有時候，我們需要取消這個:hover效果，就需要用到如下代碼：

yourElement:hover{
/*取消所有hover效果*/
all:initial;
/*取消鼠標指針樣式效果*/
cursor:default;
/*取消背景顏色、邊框等hover樣式*/
background:none;
border:none;
}

上述代碼中，我們為yourElement元素編寫了:hover觸發時的樣式。為了取消所有:hover效果，我們使用了all:initial語句，它會將所有屬性重置為默認值。如果只需要取消鼠標指針樣式的hover效果，可以像上面這樣單獨設置cursor:default；如果只需要取消背景顏色、邊框等hover樣式，也可以單獨設置相應的屬性為none。

那么，如何將這個取消:hover的代碼應用到具體的頁面中呢？我們可以將上述代碼放到我們想要取消hover效果的元素所在的CSS樣式表中，或者使用行內樣式對單個元素進行覆蓋。例如：

<div class="myDiv" style="all:initial;cursor:default;background:none;border-none;">Hover me!</div>

上述代碼中，我們使用了行內樣式來對<div>元素進行了樣式改變，從而達到了取消:hover效果的目的。