CSS:a:link vs just a(没有:link部分)

前端之家收集整理的这篇文章主要介绍了CSS:a:link vs just a(没有:link部分)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我们需要使用下面的CSS锚类伪指令
a:link    { color: red }    
a:visited { color: blue }  
a:hover   { color: yellow } 
a:active  { color: lime }

但是我的问题是为什么要麻烦a:link部分?相反,上述(除了可能的清晰度)还有什么优势吗?

a { color:red; } /* notice no :link part */
a:visited { color: blue; }
etc.,etc.

解决方法

链接选择未访问的链接,即:具有浏览器未访问的href属性的锚点(浏览器供应商针对“访问”的任何定义)).

如果它具有:link,那么它将永远不会匹配< h1>< a name =“foo”>要连接到< / a>< / h1>的foo

(尽管您应该使用< h1 id =“foo”>将foo链接到< / h1>这些天.)

除此之外,它确实使它更清楚.

a         { color: orange }
a:link    { color: blue }    
a:visited { color: indigo }  
a:hover   { color: green } 
a:active  { color: lime }
<a>my anchor without href</a>
  <br><br>
  <a href="http://somelinkhere.com">my anchor without href</a>

(他们也有不同级别的specificity)

猜你在找的CSS相关文章