【发布时间】:2018-03-22 13:34:39
【问题描述】:
:link 伪选择器在元素被访问之前设置它们的样式,:visited 在之后设置它们的样式。这样做有什么区别:
a { border-color: red; }
和
a:link {border-color: red}
?
【问题讨论】:
:link 伪选择器在元素被访问之前设置它们的样式,:visited 在之后设置它们的样式。这样做有什么区别:
a { border-color: red; }
和
a:link {border-color: red}
?
【问题讨论】:
是的,肯定有区别。如果您的锚标记不包含任何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>
【讨论】:
a:link { color:red;}这会使链接在不使用时变为红色; a:visited {color :green } 这使得链接即使被访问过一次也看起来是绿色的..
【讨论】: