Question

我有一个从左侧进入的滑动托盘导航，当我在页面正文时，如果用户没有激活div我想要显示自定义关闭光标我只是努力让它发挥作用。

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

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

我试过回复光标：指针无效，知道我做错了什么？

更新

我的遗体有.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/

Answer 2

您无法使用:not()选择父级而非特定子级，而是需要定义特定规则以获取子元素上的默认指针。

.display-cs {
  cursor: pointer;
  border: 1px solid black;
  padding: 10px;
}
#cs-index {
  cursor: initial;
}
#cs-index {
  padding: 5px;
  background: red;
  color: #fff;
}

<div class="display-cs">
  <div class="nav" id="cs-index">This is my nav</div>
  asdasd
</div>

Answer 3

您无需not，只需将其与#cs-index{cursor:auto;}

重叠即可

＆＃13;

.display-cs {
    padding: 20px;
    cursor: pointer;
    background-color: blue;
    color: #FFF;
}

#cs-index {
   background-color: red;
   cursor: auto;
   padding: 40px;
}

＆＃13;

<div class="display-cs">
   <div class="nav" id="cs-index">cs-index</div>
    display-cs
</div>

＆＃13;

Answer 4

试试这个：

.display-cs { 
    cursor: pointer;
}

#cs-index {
padding:10rem;
background:red;
color:#fff;
cursor:initial;
}

<div class="display-cs">

<div class="nav" id="cs-index">This is my nav</div>
asdasd
</div>

试图使用：not（）用于自定义光标，不工作

4 个答案: