css属性样式匹配

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
	   <script type="text/javascript">
			 
	   </script>
	   <style type="text/css">
							  .aa{
								border:1px solid black;
							  }
							
							  .aa:focus{
							  			    border:1px solid #99bbe8;
							  }
							 
	   </style>
 <body>
  
  <input type="text" class="aa"/>
 </body>
</html>

 

 其实每个标签都可以配一个

 

.aa:link {color: #FF0000}     /* 未访问的链接 */
.aa:visited {color: #00FF00}  /* 已访问的链接 */
.aa:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
.aa:active {color: #0000FF}   /* 被选择的链接 */