Question

我在一個菜單

<ul id="nav"> 
<li> 
    <a href="#">Project</a> 
    <div class="subs"> 
    <div> 
    <ul> 
     <li> 
    <h3>Save</h3> 
    <ul> 
     <li> 
     <a id="save_canvas" href="#" class='disabled'>Save to File</a> 
     </li> 
    <li> 
      <a id="save_canvas_as" href="#">Save as</a> 
     </li> 
     </ul> 
    </li> 
    </ul> 
    </div> 
</div> 
</li> 

的懸停效果的CSS有的一的HREF是這樣的：

#nav li ul ul li a:hover { 
    background-color: #0060a6; 
    color: #fff; 
} 

我如何禁用懸停對菜單（列表）項目之一的效果，例如「保存到文件」？我試圖把它放在一個「禁用」類：

disabled { 
    filter: alpha(opacity=30); 
    -moz-opacity:0.3; 
    opacity: 0.3; 
} 

.disabled a:hover{ 
    background-color: none !important; 
} 

但它不工作..... THX！

Answer 1

如果你關心瀏覽器的兼容性

#nav li ul ul li a.disabled:hover { 
    background-color: *your default color*; 
    color: *your default color*; 
} 

Answer 2

您可以使用:not僞類：

#nav li ul ul li a:not(#save_canvas):hover { 
    background-color: #0060a6; 
    color: #fff; 
} 

Fiddle Demo

Answer 3

與給你目前保存錨CSS重要

或

nav li ul ul li a:not(#save_canvas):hover { background-color: #0060a6; color: #fff; }