【问题标题】:What is the :link pseudo selector used for? [duplicate]:link 伪选择器是做什么用的? [复制]
【发布时间】:2018-03-22 13:34:39
【问题描述】:

:link 伪选择器在元素被访问之前设置它们的样式,:visited 在之后设置它们的样式。这样做有什么区别:

a { border-color: red; }

a:link {border-color: red} 

?

【问题讨论】:

    标签: html css


    【解决方案1】:

    是的,肯定有区别。如果您的锚标记不包含任何href 值或仅具有#,则a:link 属性不会针对元素。看下面的sn-p,我只是用a,它针对所有元素。

    a { color:green; }
    <a href="#">link having #</a>
    <a>link without href</a>
    <a href="test.html">Link having some value</a>

    现在我将尝试使用a:link,如果您查看它,它将仅针对具有href 链接的元素。

    a:link { color:green; }
    <a href="#">link having #</a>
    <a>link without href</a>
    <a href="test.html">Link having some value</a>

    【讨论】:

    • OK - 所以 IIUC a 和 a:link 本质上是相同的,只要 a 元素具有 href 属性?
    【解决方案2】:

    a:link { color:red;}这会使链接在不使用时变为红色; a:visited {color :green } 这使得链接即使被访问过一次也看起来是绿色的..

    【讨论】:

      猜你喜欢
      • 2021-05-16
      • 2011-05-26
      • 1970-01-01
      • 2018-11-07
      • 2013-01-04
      • 2012-11-16
      • 2015-06-27
      • 2013-11-19
      • 2014-11-20
      相关资源
      最近更新 更多