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>。

活动状态图像显示

1 个答案: