CSS样式链接:为什么一个:链接,一:访问VS只是
如果你只是风格a {...}
那么风格将被应用到所有的锚元素,包括<a name="..."></a>
元素,它们定义页面内的锚点,但不引用超链接。
a:link {...}
具体涉及超链接。 :visited
,:hover
和:active
是这些链接的不同状态。请注意,:hover
和:active
也可以应用于其他元素。
这只是一个问题它想要不同造型访问的链接与正常的链接与否(例如模糊链接,我已经在那里)。
只是a
是有效的,但你想给:visited
或:hover
链接,例如特殊的造型?
我想我可以做'一个{这将作为一个默认。将覆盖: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;
}
在此示例中,所有链接的样式都是粗体并且没有下划线。但每种类型的链接颜色的变化...
记住,' knittl 2010-07-16 11:40:32