CSS中的hover是一個(gè)非常常見(jiàn)的使用方法。它可以在用戶鼠標(biāo)移動(dòng)到某個(gè)元素上時(shí)，給這個(gè)元素添加一些特殊的樣式。但是，有時(shí)候我們希望hover不再起作用，怎么辦呢？

這時(shí)候，我們可以使用鎖定的方法，將hover給鎖定住，使得其不再起作用。

.locked:hover {
pointer-events: none;
cursor: not-allowed;
}

以上就是鎖定hover的樣式代碼。其中，pointer-events: none;表示當(dāng)鼠標(biāo)指針位于該元素上時(shí)，不會(huì)觸發(fā)鼠標(biāo)事件；cursor: not-allowed;表示鼠標(biāo)指針變成“禁止”符號(hào)，無(wú)法再響應(yīng)用戶的鼠標(biāo)事件。

使用這種方法，我們可以實(shí)現(xiàn)不希望被hover的元素鎖定，以達(dá)到我們想要的效果。