活动状态图像显示

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>

我试着添加了一个.ick-link em:active...但这并不能维持它。我知道有一种方法可以在激活状态下保持图标为蓝色，我只需要一点帮助来理解这是什么。

谢谢!

Answer 1

您想在周围的链接处于活动状态时更改<em>的状态吗？然后使用右侧选择器：

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

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