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”中大写字母的位置。 因自己经常容易忘记,随记录下来。

 

原创文章,作者:carmelaweatherly,如若转载,请注明出处:https://blog.ytso.com/243482.html

(0)
上一篇 2022年4月11日
下一篇 2022年4月11日

相关推荐

发表回复

登录后才能评论