CSS是網頁設計中必不可少的一項技術，通過CSS可以為網頁添加各種樣式和動態效果，然而有時我們希望取消某些效果，比如取消hover事件。

/* 取消鏈接的hover效果 */
a:hover{
text-decoration:none;
color:initial;
}
/* 取消圖片的hover效果 */
img:hover{
opacity:1;
}

如上代碼所示，我們可以通過在CSS中設置hover樣式的屬性為initial或者取消樣式來取消hover事件。比如，當我們想要取消鏈接hover事件時，可以設置text-decoration和color屬性為none和initial。同樣地，當我們想要取消圖片hover事件時，可以將其opacity設置為1。

在實踐中，我們還可以通過JavaScript來控制hover事件的取消。比如：

let element = document.getElementById("example");
element.addEventListener("mouseenter", function(){
element.style.opacity = 1;
});
element.addEventListener("mouseleave", function(){
element.style.opacity = 0.5;
});
element.removeEventListener("mouseenter", function(){
element.style.opacity = 1;
});

在上述代碼中，我們通過addEventListener和removeEventListener兩個函數來控制元素的鼠標進入和離開事件。通過JavaScript的方式我們可以更靈活地控制頁面的動態效果，為用戶提供更好的交互體驗。

綜上，通過CSS和JavaScript的方式我們可以取消hover事件，讓頁面的效果更加多樣化與個性化。