如何用CSS设置两种不同的链接颜色

html-css017

如何用CSS设置两种不同的链接颜色,第1张

css可定义的链接样式有如下几种:

a:link 超链接的普通样式

a:visited 点击过的

a:hover 鼠标经过时的

a:active 单击时

a:link{text-decoration:none} 无下划线

a:link{text-decoration:underline} 有下划线

为了实现不同链接不同效果,可以专门定义链接的CSS规则,比如:

我们常规css是这样的:

a:link{color:#ff0000}

那么网页上所有链接的颜色都是:#ff0000。

然后可以这样去修改:

a:link{color:#ff0000}

.line1 a:link{color:#000000}

同时,在要改变颜色的链接前加上css定义,像这样:<span class=line1><a href="/">不同颜色的超链接</a></span>,这样的话,这个链接的颜色就改变了。

写三句代码来控制一个属性,区别Firefox,IE7,IE6: background:orange

*background:green !important

*background:blue

说明:这段代码会使在Firefox中,背景呈橙色;IE7中为绿色;IE6中为蓝色。

道理如下,Firefox不能识别*,所以后面两句都不执行,直接执行第一句;IE7三个都能识别,但是由于有第二句important的作用,所以就执行了第二句代码;IE6不能识别!imprtant,按照最新原则,那就理所当然的执行了最后一句。

注:另外一种方式: background:orange

*background:green

_background:blue

Firefox不支持*和_,所以只实现第一句;IE7不支持_,所以实现第二句;IE6实现第三句。