Question

我遇到了CSS问题。在Wordpress菜单中，我想添加文本，这不是链接。因此我添加了＃链接，现在我想删除光标手。因此，我将no-hover添加到菜单的CSS类中，该类定义为：

.no-hover a:hover {
    cursor: default;
}

菜单中的摘录如下所示：

<li id="menu-item-516" class="no-hover menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-516">
<a href="#">ABOUT</a>
<ul class="sub-menu">
<li id="menu-item-533" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-443 current_page_item menu-item-533 active ">
<a href="/history">History</a>
</li>

主题的整个CSS在这里http://pastebin.com/mJ6tMUts - 引导程序在这里http://pastebin.com/bEQBUWUY

但是，当我启用CSS时，所有项目上的cursos都是默认值。我如何解决它？谢谢！

Answer 1

根据评论讨论，您可能需要direct child selector：

.no-hover > a:hover {
    cursor: default;
}

演示：http://jsfiddle.net/fefdh8rj/1/

Answer 2

如果你不想要任何光标，那就像这样使用

<a href="#" class="as">ABOUT</a>

.as{
    cursor:none !important;
}

see more cursor here

Answer 3

尝试使用!important

.no-hover a:hover {
    cursor: default !important;
}

JSFIDDLE DEMO：http://jsfiddle.net/8s78431c/

CSS（no）悬停问题（默认光标）

3 个答案:

演示：http://jsfiddle.net/fefdh8rj/1/