Javascript 消除a上的悬停效果<；李>；

我正试图在我正在设计的网页上添加一些到应用商店的链接。合并它们的最佳方法是将它们添加到现有的

对象中，

登录框

，并使用另一个名为

app\u downloads

的

覆盖CSS。但是，当您将鼠标悬停在导致

颜色改变的项目上时，ul会产生一些影响。如果我能让它的颜色变为#FFF（其他所有颜色的背景色，使其不可见）或摆脱悬停效果，那将是完美的。我一直在玩CSS，但似乎什么都不管用。下面是处理这两个类的CSS。我只想摆脱从

应用程序下载

中的

登录框

继承的悬停样式

.app-downloads li {
    position: relative;
    top: -8px;
}

.signin_box .app-downloads li a {
    background:  #FFF;
    border:  none;
    text-align: center;
}

.signin_box .app-downloads ul li a:hover, .signin_box .app-downloads ul li a.active {
    background-color: #FFF;
    background: #FFF;
    color: #FFF;
}

下面是HTML：

<div class="signin_box">
   <ul>
      <li>
         <g:link controller="public" action="taketour" class="taketour"><span class="tour"></span>Take a Tour</g:link>
      </li>
      <li><a href="link to a PDF"><span class="brochur"></span>View Document</a></li>
      <li class="register">
         <g:link controller="public" action="signup" class="active">Sign Up</g:link>
      </li>
      <ul class="app-downloads">
         <li>
            <a href="link to google play app"><img alt="Google Play" height = "50" width="158" src="https://play.google.com/intl/en_us/badges/images/generic/en-play-badge.png" /><span class="googleApp"></</span></a>
         </li>
         <li>
            <a href="iOS app link">
               <g:img  dir="images" file="Download_App.png" height = "50" width="158" alt="Download on the App Store" />
               <span class="iOS app"></span>
            </a>
         </li>
      </ul>
   </ul>
</div>

游览



注册

您的css不工作，因为

.app downloads

是

ul

，所以此选择器不工作：

.signin\u box.app downloads ul li…

这样更改，您的css将起作用：

.signin_box .app-downloads li a:hover, 
.signin_box .app-downloads li a.active {
     /* styles go here */
}

奖金： 更好的方法是将

.signin\u box

样式更改为更具体的样式，以避免影响

.app downloads

列表。有两种方法可以解决这个问题，在不知道具体项目的情况下，很难说这些方法是否（或哪些）有效：

/* Modify ORIGINAL styles to be like so */
.signin_box > ul > li > a:hover {
    /* these will only affect immediate descendants, not nested lists */
}

或

---

你的选择器错了。请更改：

.signin_box .app-downloads ul li

与：

因为

是具有

.app下载类的元素，该类内部不包含
。您的完整CSS将是：

.signin\u box ul.app-downloads li a:悬停，
.signin_box ul.app-downloads li a.active{
背景色：#FFF；
背景：#FFF；
颜色：#FFF；
}

.signin_box .app-downloads ul li

.signin_box ul.app-downloads li