CSS四个伪类定义链接样式

  • 内容
  • 评论
  • 相关

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a:active,例如:

a:link{font-weight:bold;
       text-decoration:none;
       color:#c00;
       }
a:visited{font-weight:bold;
          text-decoration:none;
          color:#c30;
          }
a:hover{font-weight:bold;
        text-decoration:underline;
        color:#f60;
        }
a:active{font-weight:bold;
         text-decoration:none;
         color:#f90;
        }

以上语句分别定义了“链接、已访问过的链接、鼠标停在上方时、点下鼠标时”的样式。注意,必须按照这个顺序进行添加,否则显示的样式可能与你预想的不一样。 如何快速的记住他们的顺序 link-visited-----love, hover-active------hate。 记住他们的顺序是“LVHA”,“LoVe,HAte”中大写字母的位置。 因自己经常容易忘记,随记录下来。