禁用Superfish菜单项

Question

这感觉应该很容易做，但由于某种原因，我遇到了麻烦。我有一个相当香草Superfish菜单（只是顶部线&下拉菜单，没有子菜单）。

我想禁用其中一个菜单项而不从菜单中删除它。处理onClick很简单 - 只要您选择菜单，就忽略点击。给我麻烦的部分是向用户指示“这个菜单项被禁用”。

例如，我想在菜单项“禁用ME”是一个不同的颜色，有不同的背景，等等

我有一个JSFiddle这里我想将颜色设置为红色（或绿色，或其他）。

如果的jsfiddle死了，这里的基础知识：

HTML：

<ul id="sample-menu-1" class="sf-menu"> 
    <li class="current"> 
     <a href="#a">menu item</a> 
     <ul> 
      <li> 
       <a href="#aa">menu item</a> 
      </li> 
      <li class="current"> 
       <a href="#ab">menu item</a> 
      </li> 
      <li class='disableLI'> 
       <a href="#">DISABLE ME</a> 
      </li> 
      <li> 
       <a href="#">menu item</a> 
      </li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">menu item</a> 
    </li> 
    <li> 
     <a>menu item</a> 
    </li>  
</ul>​ 

这里的香草的Javascript：

$("ul.sf-menu").superfish();​ 

而这里的没有工作的CSS：

.disableLI { color: red; } 
.sf-menu, .disableLI { color : green; } 

Answer 1

我觉得你只是有针对性的错误的元素

http://jsfiddle.net/WUjQQ/1/

使事情变得简单

.disableLI a { color: red !important; } 

Answer 2

.disableLI a { color : green; } 

Answer 3

li.disableLI { background-color : red !important; } 
.disableLI a { color : green; } 

这将使黎红，字体颜色为绿色。