2010-07-16 54 views

回答

10

如果你只是风格a {...}那么风格将被应用到所有的锚元素,包括<a name="..."></a>元素,它们定义页面内的锚点,但不引用超链接。

a:link {...}具体涉及超链接。 :visited,:hover:active是这些链接的不同状态。请注意,:hover:active也可以应用于其他元素。

+3

记住,' knittl 2010-07-16 11:40:32

2

这只是一个问题它想要不同造型访问的链接与正常的链接与否(例如模糊链接,我已经在那里)。

只是a是有效的,但你想给:visited:hover链接,例如特殊的造型?

+0

我想我可以做'一个{这将作为一个默认。将覆盖:visited,:hover,:active right} a:hover,a:active {特定于像hover这样的交互的样式}'。所以我没有这么多的代码,'a {}'vs'a:link,a:visited {}' – 2010-07-16 13:35:46

0

:visited表示您试图给链接提供用户以前访问过的样式,并且:hover表示您尝试在用户鼠标悬停该链接时为链接提供样式。你可能会也可能不会使用它。这是你的选择。

0

a:link如果对于未访问链接,而a:visited用于用户已访问的链接。通常用户需要一些方法来区分两种情况,在这种情况下,您将分别对它们进行设计。如果你不需要任何区别(例如菜单),那么只需a即可。

3

您可能只提供了与a的链接的一般样式。更具体的样式可以应用于伪类。例如:

a { 
    text-decoration: none; 
    font-weight: bold; 
} 

a:link { 
    color: #00F; 
} 

a:hover { 
    color: #F00; 
} 

a:visited { 
    color: #888; 
} 

a:active { 
    color: #0F0; 
} 

在此示例中,所有链接的样式都是粗体并且没有下划线。但每种类型的链接颜色的变化...