您现在的位置:首页 >> 前端 >> 内容

伪类选择器(代码实例)

时间:2018/1/18 15:38:23 点击:

  核心提示:伪类选择器(代码实例)!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN https://www.w3.org/TR/xhtml1/...

伪类选择器(代码实例)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/*
 伪类选择器:伪类选择器就是对元素处于某种状态下进行样式的。
 
 
 注意: 
  1. a:hover 必须被置于 a:link 和 a:visited 之后

2. a:active 必须被置于 a:hover 之后


*/



a:link{color:#F00} /* 没有被点击过---红色 */

a:visited{color:#0F0} /*  已经被访问过的样式---绿色 */ 

a:hover{color:#00F;} /* 鼠标经过的状态---蓝 */


a:active{color:#FF0;}


</style>




<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<a href="#">百度</a>
</body>
</html>

作者:网络 来源:toshibabaj