CSS: Anchor styles [The right way to do it]

AIRFLYNET

于 2009-02-09 10:43:00 发布

阅读量965

点赞数

CC 4.0 BY-SA版权

文章标签： styles css

本文链接：https://blog.youkuaiyun.com/AIRFLYNET/article/details/3869986

Below is a small CSS tip of how to define and override anchor styles correctly. This example demonstrates the use of the pseudo-classes. Most common anchor pseudo-classes are:

link
visited
hover
active

Define and override anchor styles:

  
    a:link              { color:red; text-decoration:underline; }
    a:visited           { color:red; text-decoration:underline; }
    a:hover             { color:green; text-decoration:underline; }
    a:active            { color:red; text-decoration:underline; }

    a.otherLink:link    { color:red; text-decoration:none; }
    a.otherLink:visited { color:red; text-decoration:none; }
    a.otherLink:hover   { color:green; text-decoration:underline; }
    a.otherLink:active  { color:red; text-decoration:none; }