CSS如何使用:visited访问选择器?示例

2021年3月20日16:06:38 发表评论 784 次浏览

CSS中的:visited选择器用于选择访问的链接。例如, 访问网站上的某个链接, 然后再次看到它, 然后它将找到该链接的更改的颜色。颜色的更改由:visited选择器完成。

:visited选择器的允许CSS属性如下所示:

  • 颜色
  • 边框颜色
  • 背景颜色
  • 轮廓色
  • 列规则颜色
  • 填充颜​​色和描边

语法如下:

:visited {
    // CSS Properties
}

例子:

<!-- HTML code to illustrate :visited selectors -->
<!DOCTYPE html>
< html >
     < head >
         < title >:visited selector</ title >
         < style >
  
             /* visited CSS property */
             a:visited {
                 color: green;
             } 
         </ style >
     </ head >
      
     < body style = "text-align:center" >
          
         < h1 >
             :visited Selector
         </ h1 >
          
         < h3 >
             Click on the link
         </ h3 >
          
         < p >
             Visit Geeks: 
             < a href = "https://www.lsbin.org/"
             target = "_blank" >lsbin.org</ a >
         </ p >
     </ body >
</ html >

输出如下:

CSS :visited访问选择器1

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: