CSS样式链接:为什么一个:链接,一:访问VS只是

问题描述:

我不知道为什么我不能使用,或者不应该使用CSS样式链接:为什么一个:链接,一:访问VS只是

a { ... } 

VS

a:link, a:visited { ... } 

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

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

+3

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

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

只是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

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

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

虽然第一个a引用所有链接,:link:visited引用了这些链接的特定状态。

第一个是指未访问的链接,后者是访问一个。有关更多信息,请参阅http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes

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

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

a:link { 
    color: #00F; 
} 

a:hover { 
    color: #F00; 
} 

a:visited { 
    color: #888; 
} 

a:active { 
    color: #0F0; 
} 

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