CSS不同的链接样式

Posted 2023-03-06

【中文标题】CSS不同的链接样式

【英文标题】：CSS differing link styling

【发布时间】：2011-06-05 12:30:15

【问题描述】：

据我所知，使用类似的东西：

.class a 

与使用相同：

.class a:link 

对吗？

另外.....下面两种样式一样吗？

.class a:focus 
.class a:hover 

最后.....下面的样式是鼠标按下时的颜色吧？

.class a:active 

【参考方案1】：

a 是每个锚元素。 a:link 仅适用于从未访问过超链接的情况。 a:focus 是当您使用键盘在页面中切换时。 a:hover 是当您的鼠标悬停在链接上时。 a:active 是当您鼠标按下链接时。 a:visited 表示您已经访问过该链接。

【讨论】：

a 和 a:link 不是一回事。 a 匹配任何 <a> 元素，而 a:link 仅匹配未访问的超链接的 <a> 元素。

@BoltClock 感谢您的澄清。我已经更新了我的答案以反映这一点。

【参考方案2】：

:link = 只有你没有的链接 已经去过了 :visited = 您已经访问过的链接 :focus = 用于焦点元素，例如使用制表符时 :hover = 当你将鼠标移到它上面时 :active = 对于刚刚点击的链接