什么是:链接伪选择器用于?

时间:2018-03-22 05:16:55

标签: html css

:link伪选择器在访问元素之前对其进行样式设置,并在:visited之后对其进行样式设置。做:

之间有什么区别吗?
a { border-color: red; }

a:link {border-color: red} 

2 个答案:

答案 0 :(得分:2)

是的,那里肯定存在差异。如果您的锚标记不包含任何href值或仅包含#,则属性a:link不会定位元素。请看下面的代码段,我只是使用a,它会定位所有元素。



a { color:green; }

<a href="#">link having #</a>
<a>link without href</a>
<a href="test.html">Link having some value</a>
&#13;
&#13;
&#13;

现在我将尝试使用a:link,如果你看一下,它将仅定位具有href链接的元素。

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

答案 1 :(得分:-2)

a:link {color:red;}这使得链接颜色在没有使用时变成红色; a:访问{color:green}这使链接看起来是绿色的,即使它被访问过一次..