HF 第二章练习

今天练习第二章的题目,使用了伪类
1.link(未访问)
2.visited(已访问)
3.hovor(悬停)
不同情况时的颜色变化
代码:

			a:link{
				color:green;/*未访问*/
			}
			a:hover{/*悬停*/
				color:yellow;
			}
			a:visited{/*已访问*/
				color: red;
			}

结果:HF 第二章练习_第1张图片

出现以下几种情况:

问题1

鼠标悬停时,并没有发生颜色变化

原因:
三个伪类的顺序放反了,我的顺序是h v l ,由于粗心,又把顺序变成了l h v(结果同上)

认识:
这三个的使用顺序非常重要!!!

问题2.

我第二次进入浏览器时,链接都变成了已访问的颜色

原因:
浏览器的历史记录没有清空

你可能感兴趣的:(小白,web自学之路)