• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • :link

    定义和用法

    • :link,选择器选择未访问的链接,向未访问的链接添加特殊的样式。
    • :link,是一个伪类,它适用于到另一个未被访问的资源的超链接。
    • :link,适用于未访问的URL的链接。未访问的URL是链接点不会显示在用户代理的历史记录中的URL。
    • :link,此状态与:visited 状态互斥。

    语法:

    :link

    设置超链接<a>在未被访问前的样式。

    • 如果需要给超链接定义:访问前,鼠标悬停,当前被点击,已访问。这4种伪类效果,而又没有按照一致的书写顺序,不同的浏览器可能会有不同的表现
    • 超链接的4种状态,需要有特定的书写顺序才能生效。超链接状态顺序::link:visited:hover:active注意,:hover必须位于:link:visited之后,:active必须位于:hover之后

    浏览器支持

    所有浏览器都支持

    例子

    //选择未访问链接样式:
    
    a:link{background-color:yellow;}
    
    //激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接:
    
    a:link    {color:green;}
    a:visited {color:green;}
    a:hover   {color:red;}
    a:active  {color:yellow;}
    

    下篇::visited