如果元素有类,是否可以在CSS中禁用悬停事件？

Question

如果元素有类,是否可以在CSS中禁用悬停事件？

Answer 1

你可以使用:not()选择器:

.myElement {
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    background: #CADE75;
    text-decoration: none;
    color: #6D6D6D;
}

/* important bit */
.myElement:not(.dontHover):hover {
    background: #b5d335;
}

<a href="#" class="myElement">An element that hovers</a>
<a href="#" class="myElement dontHover">An element that doesn't</a>