禁用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; } 

這將使黎紅，字體顏色爲綠色。