使用CSS覆盖Web浏览器上的默认链接颜色

如果Web设计者没有设置它们,所有的Web浏览器都会使用它们用于链接的默认颜色。 他们是:

另外,虽然大多数Web浏览器默认情况下不会更改此设置,但您也可以定义悬停颜色 - 鼠标悬停时的链接颜色。

使用CSS来改变链接颜色

要更改这些颜色,请使用CSS (也可以使用一些不赞成使用的HTML属性,但我不建议使用任何废弃的属性)。 更改链接颜色的最简单方法是对标签进行样式设置

一个{颜色:黑色; }

有了这个CSS,一些浏览器会将链接的所有方面(活动,跟随和悬停)变为黑色,而其他浏览器只会更改默认颜色。

使用CSS伪类更改链接的所有部分

一个伪类在CSS中使用冒号(:)表示类名前。 有四个影响链接的伪类:

要更改默认的链接颜色:

a:link {color:red; }

要更改活动的颜色:

a:active {color:blue; }

要更改后面的链接颜色:

a:visited {color:purple; }

将鼠标悬停在颜色上:

a:hover {color:green; }