jquery - 事件状态图像显示

Question

我有一些图像需要更改，不仅基于悬停，还基于事件状态。

如果您在这里查看页面:http://site427.mysite4now.net/tazthedog/site1/有一些带有丝网打印快速链接等的选项卡。选项卡图像与链接相关联并正确显示。选项卡中的图标默认为灰色并在鼠标悬停时变为蓝色，但是，我还需要它在“事件”状态下为蓝色。

这是CSS:

.quick-links em:hover { background: transparent url(../images/quick-links.png)10px 9px no-repeat; 
display: block; 
float: left;}

这是 html:

 <ul class="tabs">
    <li class="quick-links">
      <a href="#quickLinks" id="">
         <em>
            <span>Screen Printing Quick Links</span>
         </em>
      </a>
    </li>
    <li class="distributor-ql">
       <a href="#distributorQL" id="">
          <em>
             <span>Dealer &amp; Distributor Quick Links</span>
          </em>
       </a>
     </li>
 </ul>

我尝试添加一个 .quick-links em:active... 但它并没有得到维护。我知道有一种方法可以让图标在处于事件状态时保持蓝色，我只需要一点帮助来理解它是什么。

谢谢!

Answer 1

您想更改 <em> 的状态而周围的链接是活跃的？然后使用正确的选择器:

.quick-links a:active em {/* your declaration */}

对悬停使用相同的方法，特别是如果你想保持对 IE6 的向后兼容性。并更改您的标记以删除 <span>和 <em>如果这是您的实际代码。