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