一：主动只是简单地工作（点击鼠标时）(a:active only briefly works (du

出于某种原因，我做到了，所以我的文字（A）是主动被加粗，但它被点击我的鼠标，当它从点击释放时才会被激活，它会关闭和文字可以追溯到它的正常状态。

为什么是这样？

如果你有到MSN，看看上面的搜索栏中的文本。 当你点击它，它加粗并变成橙色。 无需离开页面。 这就是我想要做的事。

HTML：

<div id="searchtopics">
<ul>

    <li><a href="#">Web</a> </li>
    <li><a href="#">MSN</a> </li>
    <li><a href="#">Images</a> </li>
    <li><a href="#">Video</a> </li>
    <li><a href="#">News</a> </li>
    <li><a href="#">Maps</a> </li>
    <li><a href="#">Shopping</a> </li>

</ul>
</div>

CSS：

#searchtopics {
    position:absolute;
    margin-left:208px;
    margin-top:38px;
    }

#searchtopics a {
    text-decoration:none;
    float:left;
    padding: 2px 6px 4px 6px;
    color:rgb(100,100,100);
    }

#searchtopics a:hover{
    text-decoration:underline;

    }

#searchtopics a:active{
    color:rgb(100,100,100);
    font-weight:bold;

    }

#searchtopics ul   {
    display:inline;
    list-style:none;
}


#searchtopics ul li {
    display:inline;
    color:rgb(100,100,100);
    font-family:"arial", times, sans-serif;
    font-size:12px;
    }

Answer 1:

这是因为该链接才有效母鸡你用鼠标点击它。 如果你想要的效果将持续鼠标的整个长度被过度使用它:hover 。 如果你想让它持续后，页面已被访问使用:visited 。

编辑

如果您希望链接保持活跃，当一个新的页面加载，你需要给该链接，这种风格适用于它的类：

<li><a href="#" class="active">Images</a> </li>

#searchtopics a:active, a.active {

Answer 2:

如果你想显示的链接包含实际显示的内容，还有比一些JavaScript没有其他解决办法。 写一些函数来显示内容，这将禁用所有其他加粗，大胆启用当前链接并显示内容。

Answer 3:

有一个链接的四个主要的状态：一：悬停答：积极答：访问

一个 - 就是当它坐在那里，它从未被点击或者被点击的处理。

答：悬停 - 这有点像一个鼠标悬停事件的JavaScript中的等价物（如果你是熟悉）。 当指针“悬停”在链接的样式可以再改。

答：主动 - 这个造型只显示了一瞬间的东西被点击的链接。 这个伪类是可能是出于这个原因，公众使用的最少。

答：参观 - 这个造型展示了一个人点击一个链接后。

所以，如果你想改变一个链接，是明显的风格，我会建议使用不同的伪类，而不是一个：活跃。

希望这可以帮助！

Answer 4:

我知道这是老话题，但简单的解决方案，这是a.active而不是取代的：积极的，它的伎俩对我来说它应该为你做藏汉

文章来源: a:active only briefly works (during mouse click)