使用CSS设置样式链接

时间:2011-07-22 16:23:18

标签: php css

我正在尝试为我的链接添加样式,我正在使用此订单:

a{}
a:visited{}
a:focus{}
a:hover{}
a:active{}

(我没有使用:link ...我只是使用id来使链接正常工作。)

事情是我的“一个”& “a:悬停”正在工作,但“a:已访问”& “a:主动”不是!!! 有解决方案吗?我只是想给“a:active”赋予不同的颜色:

a:active{
 font-family: gabriola, verdana; font-size: 26px; color: #e6e8fa; text-decoration: none; vertical-align: middle; border: none; outline: none;
}

2 个答案:

答案 0 :(得分:2)

我在某个地方读过(Google快速建议它可能任何地方),使用助记符 L o 很容易记住锚定样式声明的顺序V e / HA te:

a:link
a:visited
a:hover
a:active

答案 1 :(得分:1)

active对于非链接锚点没有意义(实际上不确定,:active可能会在任何上被触发元件)。使用此:

a:link, a:visited               // normal links
a:link:hover, a:visited:hover   // link with mouse-over
a:link:active, a:visited:active // link being clicked (mouse-down, etc.)

也可用,但不太具体:

a        // any anchor
a:hover  // any anchor with mouse-over

如果锚实际上设置了href属性,则后两个属性将被上面更具体的属性覆盖。