html - 尝试使用 :not() for custom cursor, 无效

Question

我有一个从左侧进入的滑动托盘导航，当在我的页面主体上时，如果用户在那个 div 上没有事件，我想显示一个自定义关闭只有光标我正在努力让它工作。

.display-cs :not(#cs-index) { 
  cursor: pointer;
  //url('../img/icons/close-cross.png'), default; 
}

https://jsfiddle.net/38gdp4pb/1/

我试过恢复到 cursor:pointer 无济于事，知道我做错了什么吗？

---

更新

我的主体有 .display-cs 类，#cs-index 是页面上的一个菜单。我希望自定义光标出现在页面上但不在 #cs-index

中

Answer 1

OP 评论后的编辑答案:

您可以简单地用单独的规则覆盖它:

.display-cs {
  cursor: pointer;
  //url('../img/icons/close-cross.png'), default; 
}

#cs-index {
  padding: 10rem;
  background: red;
  color: #fff;
  cursor: default;
}

https://jsfiddle.net/dgroucag/