如何删除CSS样式？

我有一个里面有div的块：

<div>
   <div class="do">Do it</div>
</div>

做吧

元素

.do

具有

光标：无

，但父div具有光标

如何从

.do

元素中删除光标？现在父块设置此属性

.withCursor{
光标：指针；
}
.没有光标{
光标：无；
}
.使用InitialCursor{
光标：首字母；
}

没有一个
光标首字母
光标指针-继承

它应该有一个简单的规则

div{
光标：指针；
}
.做{
光标：无；
}

做吧

您可能正在处理CSS优先规则。请查看此文件以了解更多详细信息

我假设，这就是正在发生的事情（Nicolae回答中粘贴的代码）

.withCursor>.withoutCursor{
光标：指针；
}
.用光标{
光标：指针；
}
.没有光标{
光标：无；
}

做吧

您能提供一个它不能按预期工作的例子吗？小心踩。隐藏光标是不好的做法。