Question

我在元素上组合了三个类

base, base_green, base_blue

我正在使用此功能仅向base课程添加悬停效果（不包含base_green）

.base:not(.base_green):hover {
    background-color: #E2E2E2;
}

我怎样才能在两个课程中实现这一目标？意思是，如果元素有base base_green或base base_blue，则不要在其上添加悬停效果例如。这样的事情（不起作用）

.base:not(.base_green):not(.base_blue):hover {
    background-color: #E2E2E2;
}

修改
谢谢大家的答案，我的初步解决方案正常我的css文件中:not选择器的连续香肠中有一个拼写错误 / facepalm

我会留下问题，也许有人发现它很有用

Answer 1

此：

.base:not(.base_green):not(.base_blue):hover {
    background-color: #E2E2E2;
}

如果在JSFiddle

中投放，则效果非常好

使用以下HTML进行测试：

<div class="base base_green">GREEN</div>
<div class="base base_blue">BLUE</div>
<div class="base base_green base_blue">GREEN & BLUE</div>
<div class="base">BASE</div>

CSS：不是选择器 - 从悬停中排除多个类

1 个答案: