如何实现仅对含wait类且不含disabled类的li元素设置hover效果？

嘿，这个需求用CSS的复合伪类选择器就能完美搞定，直接用下面这段代码就行：

li.wait:not(.disabled):hover {
  /* 这里替换成你需要的hover样式，举个例子： */
  background-color: #e8f4f8;
  cursor: pointer;
}

我给你拆解一下每个选择器的作用：

• li.wait：先锁定所有带有wait类的<li>元素
• :not(.disabled)：把其中带有disabled类的元素直接排除在外
• :hover：最后只对同时满足前两个条件的元素，应用hover状态的样式

这样就能精准匹配你提到的三种场景：

• 仅含disabled类的li：不会被选中，hover效果完全不生效
• 仅含wait类的li：会被选中，hover正常触发
• 同时含disabled和wait类的li：因为被:not(.disabled)排除，hover也不会生效

内容的提问来源于stack exchange，提问作者maria