我有一个从左侧进入的滑动托盘导航,当在我的页面主体上时,如果用户在那个 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
最佳答案
OP 评论后的编辑答案:
您可以简单地用单独的规则覆盖它:
.display-cs {
cursor: pointer;
//url('../img/icons/close-cross.png'), default;
}
#cs-index {
padding: 10rem;
background: red;
color: #fff;
cursor: default;
}
关于html - 尝试使用 :not() for custom cursor, 无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45592543/