【问题标题】:CSS differing link stylingCSS不同的链接样式
【发布时间】:2011-06-05 12:30:15
【问题描述】:

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

.class a {}

与使用相同:

.class a:link {}

对吗?

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

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

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

.class a:active {}

【问题讨论】:

    标签: css focus hover hyperlink


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

    【讨论】:

    • aa:link 是一回事。 a 匹配任何 <a> 元素,而 a:link 仅匹配未访问的超链接的 <a> 元素。
    • @BoltClock 感谢您的澄清。我已经更新了我的答案以反映这一点。
    【解决方案2】:
    • :link = 只有你没有的链接 已经去过了
    • :visited = 您已经访问过的链接
    • :focus = 用于焦点元素,例如使用制表符时
    • :hover = 当你将鼠标移到它上面时
    • :active = 对于刚刚点击的链接

    【讨论】:

      猜你喜欢
      • 2017-02-08
      • 2022-12-15
      • 2017-05-01
      • 1970-01-01
      • 2011-07-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多