CSS（无）悬停问题（默认光标）答案

【问题标题】：CSS (no) hover issue (default cursor)CSS（无）悬停问题（默认光标）
【发布时间】：2014-12-21 02:20:10
【问题描述】：

我对 CSS 有疑问。在 Wordpress 菜单中，我想添加不是链接的文本。因此我添加了一个指向 # 的链接，现在我想删除游标手。因此我在菜单的 CSS 类中添加了 no-hover，定义为：

.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 时，所有项目上的光标都是默认的。我如何解决它？谢谢！

【问题讨论】：

您应该添加更多样式，因为您在此处发布的内容很好并且可以解决问题。其他东西阻止它工作。
我现在添加了整个 CSS，这里是 pastebin.com/mJ6tMUts - 和 bootstrap.mini。在这里pastebin.com/bEQBUWUY 我知道它“继承它”，但我不知道在哪里以及如何。
您没有显示 HTML。
原始的 HTML 输出（没有元数据）在这里：pastebin.com/9wZW0Qju - 抱歉，我只是为了确定而复制了整个 HTML。它从分页第 110 行开始
不幸的是，当有这么多不必要的 HTML 时，很难本地化问题。如果您可以尝试创建一个jsfiddle.net 演示，那将有很大帮助。

标签： wordpress css css-selectors

【解决方案1】：

根据 cmets 的讨论，你可能想要direct child selector：

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

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

【讨论】：

【解决方案2】：

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

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

.as{
    cursor:none !important;
}

see more cursor here

【讨论】：

【解决方案3】：

尝试使用!important

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

JSFIDDLE 演示：http://jsfiddle.net/8s78431c/

【讨论】：