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

标签 javascript html css

<分区>

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

最佳答案

你可以使用 :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>

关于javascript - 如果元素有类,是否可以在 CSS 中禁用悬停事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26785295/

相关文章:

html - Bootstrap 4 toggle 如何在点击时只切换一个元素而不是全部

html - CSS - 在前一个 li 下居中 li

javascript - Autofocus 在 Firefox 上不起作用,在来自另一个页面时不起作用

javascript - 切换菜单图标

javascript - 弹出窗口打开后立即变灰并禁用父窗口

JQuery 背景位置语法

html 到 pdf 问题 - css 变换比例和分页符问题

javascript - 遍历未知数量的数组参数

jquery - 让jQuery显示页面名称

html - 在图像( map )上自定义绝对定位的 FontAwesome 标记