Question

我正在尝试为div创建一个活动状态。

让悬停工作但是当我在有问题的页面上时，活动将不会显示。我想要实现的是与悬停相同的风格。

这是div的css。

    #fp-design a { width: 240px; height: 47px; float: left; display: block; background:url(images/assets/break.jpg) no-repeat; background-position: top right; }
#fp-design a:hover { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; }
#fp-design a:active { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; }
#fp-design h2 { height: 20px; font-size: 16px; font-weight: bold; margin: 0; padding: 4px 0 0 12px; text-align: left; color: #FFF; text-decoration:none; }
#fp-design h3 { height: 11px; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0 0 12px; text-align: left; color: #FFF; text-decoration:none; }

这是页面代码

<div id="fp-design">
   <a href="<?php bloginfo('url'); ?>/web-design/"><h2>WEB DESIGN</h2>
   <h3>PROFESSIONAL WEBSITE DESIGN</h3></a>
</div>

TIA

Answer 1

a：active表示“正在点击”。不是“加载”。那就是你追求的？

在某种程度上，如果要查看某个页面，就好像您希望div更改外观一样。为了做到这一点，你需要在div中添加一个类，悬停/活动状态将不会这样做。 a：link =链接坐在页面上，a：visited =之前点击过的链接，a：hover =鼠标悬停时的链接，a：active =鼠标点击它时的链接。

我正在尝试为div创建一个活动状态

1 个答案: