链接正在改变点击字体

时间:2013-01-01 21:50:06

标签: html css anchor

我刚刚完成一个网站,并注意到链接突然闪烁为不同的字体,并在点击时非常快速地改变大小。

网站位于http://www.belle-jeunesse.com,问题最明显在主导航栏中。

有谁知道为什么会这样,以及如何修复它,至少保持相同的字体?

4 个答案:

答案 0 :(得分:3)

在style.css第119行,删除a:active

答案 1 :(得分:3)

在样式表中,您有:

#g_links a:link, a:visited, a:active {
font-family: Domine; font-size: 1em; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px solid; }

我相信你想要的是:

#g_links a:link, #g_links a:visited, #g_links a:active {
font-family: Domine; font-size: 1em; font-weight: bold; text-decoration: none; color: #000; border-bottom: 1px solid; }

没有#g_links,您将其应用于所有a:visited和a:active链接。

答案 2 :(得分:2)

在您的文件中:第119行的style.css。 您有以下规则:

#g_links a:link, a:visited, a:active {
    font-family: Domine;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
}

只需删除该行:a:active或在a:visited和a:active之前添加#g_links,如下所示:

#g_links a:link, #g_links a:visited, #g_links a:active {

}

答案 3 :(得分:1)

在第119行的style.css中,你有这个css:

#g_links a:link, a:visited, a:active
{
    font-family: Domine;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
}

id #g_links仅用于a:link部分。因此,当按下链接时,页面上的所有链接都会受到这些样式规则的影响。您可能希望在a:visited和a:active之前添加它。