看一下CSS活动链接的颜色问题

html-css012

看一下CSS活动链接的颜色问题,第1张

<!--内容开始-->

<STYLE type=text/css>.style1 {

FONT-WEIGHT: boldCOLOR: #ffffff

}

.STYLE2 {

FONT-WEIGHT: boldCOLOR: #ffffff

}

A:hover {

COLOR: #ffffff

}

A:active {

COLOR: #ffffff

}

</STYLE>

在<!--内容开始-->后面有这么一段CSS,删了就好了

这错误还真难找

定义链接在鼠标被激活(点下去)时候的样式。操作方法如下:

1、新建一个html文件,命名为test.html,a标签四个不同的伪类,有不同的效果。

2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色,点击链接过后,颜色变为绿色,当鼠标放在连接上显示粉红色。

3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px,点击链接过后,大小变为40px。

4、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色,点击链接过后,背景颜色变为绿色。

5、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace,点击链接过后,字体变为Arial。

6、最后利用a标签伪类去掉连接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。

给局部的元素定义id或者class

然后在css中,给定义的id和class再设置属性。

注意,css中,真正生效的是后面的设定,后面的设定会覆盖前面的设定。同时,直接在元素中设定的css会覆盖其它的css