按属性更改光标

Question

我有些卡在下面。 在我的网站上，我有一个下拉菜单。 导致下拉菜单折叠的主要项目不可点击。 但是，我想将该项目的光标更改为普通光标，但请确保下拉菜单仍具有“手”光标。

HTML将是：

<ul> 
  <li>
    <a href="nice.php">Normal item<a/>
  </li> 
  <li>
    <a href="#">Dropdown initator</a> 
    <ul>
      <li><a href="droppage.php>Dropdown item</a></li>
    </ul> 
  </li> 
 </ul>

因此，带有href =“＃”的链接应具有非链接游标； 其他应该有光标：“指针”。

尝试过JS，但是它不起作用，它使下拉菜单项的光标也变为假项：

$('ul li').hover(function() {
   if($(this).find("a").attr("href") === "#"){
      $(this).css('cursor','e-resize');
      $(this).find("a").css('cursor', 'e-resize');
      $(this).find("ul li").css('cursor', 'pointer');
    }
});

它不应该有任何区别，但该页面实际上是wordpress安装的一部分。

很感谢任何形式的帮助！

Answer 1

只需使用CSS。

a[href='#']{
    cursor: e-resize;   
}

演示： http : //jsfiddle.net/XnNUt/

Answer 2

您可以添加以下CSS：

a {
   cursor: pointer;
}

a[href="#"] {
   cursor: default;
}

Answer 3

设置css属性的cursor: pointer; 针对该特定类别。