CSS不同的链接样式

时间:2011-01-07 20:23:13

标签: css focus hover hyperlink

据我所知,使用类似的东西:

.class a {}

与使用相同:

.class a:link {}

右?

另外.....以下两种风格相同吗?

.class a:focus {}
.class a:hover {}

最后......以下样式是鼠标右下方的颜色?

.class a:active {}

2 个答案:

答案 0 :(得分:7)

  • a是每个锚元素。
  • a:link仅在从未访问过超链接时才会显示。
  • a:focus是指您使用键盘在页面中进行选项卡。
  • 当您的鼠标悬停在链接上时,
  • a:hover
  • a:active就是您丢失链接的时候。
  • a:visited是您已访问该链接的时间。

答案 1 :(得分:2)

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