<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://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>





伪类选择器案例：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<style type="text/css" > 

	table{

		background-color:#CCC;//设置背景色

		border-collapse:collapse;//设置边框合并

		border:3px;

	}

	tr:hover{//鼠标经过变色

		background-color:#06F;

	}

</style>

<body>

	<table border="1px" width="400px" height="300px" align="center" >

    		<tr>

            	<th>姓名</th>

                <th>成绩</th>

                <th>人品</th>

            </tr>

            <tr>

            	<td>张三</td>

                <td>98</td>

                <td>差</td>

            </tr>

            <tr>

            	<td>李四</td>

                <td>50</td>

                <td>极好</td>

            </tr>

            <tr>

            	<td>综合测评</td>

                <td colspan="2">不错</td>

            </tr>

    </table>

</body>

</html>

												


											
Css详解之（伪类选择器）的更多相关文章
	

    
						
  1. CSS选择器详解（伪类）  转 http://blog.csdn.net/Panda_m/article/details/50084699
		
    CSS选择器详解 之 伪类 伪类对大小写不敏感 结构伪类选择器 结构伪类是CSS3新增的类型选择器,利用DOM树实现元素过滤,通过文档结构的相互关系来匹配元素,可以减少class和id属性的定义,使文 ...
    
		
    2. 
						
  2. CSS3 选择器——伪类选择器
		
    前面花了两节内容分别在<CSS3选择器——基本选择器>和<CSS3选择器——属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择 ...
    
		
    3. 
						
  3. CSS3选择器（三）之伪类选择器
		
    伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总 结一下CSS中常用的伪类选择器的使用方法,最后把重心放 ...
    
		
    4. 
						
  4. CSS3新增的伪类选择器
		
    伪类选择器的作用:对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤.CSS 3提供的伪类选择器主要分为以下三类: 结构性伪类选择器 UI元素状态伪类选择器 其他伪类选择器 1.结构性 ...
    
		
    5. 
						
  5. css3 :enabled与:disabled伪类选择器
		
    css :enabled和:disabled伪类选择器 在Web表单中,有些表单元素(如输入框.密码框.复选框等)有“可用”和“不可用”这2种状态.默认情况下,这些表单元素都处在可用状态. 在CSS3 ...
    
		
    6. 
								
  6. CSS3中的伪类选择器详解
		
      类选择器和伪类选择器区别 类选择器我们可以随意起名,而伪类选择器是CSS中已经定义好的选择器,不可以随意起名. 伪类选择器以及伪元素 我们把它放到这里 p.aaas{ text-align: le ...
    
		
    7. 
						
  7. css3 伪元素和伪类选择器详解
		
    转自脚本之家:http://www.jb51.net/css/213779.html 无论是伪类还是伪元素,都属于CSS选择器的范畴.所以它们的定义可以在CSS标准的选择器章节找到.分别是 CSS2. ...
    
		
    8. 
						
  8. CSS3 结构伪类选择器 详解
		
    1 CSS3 结构伪类选择器 1.E:root 匹配E元素所在的根元素 即:html 2. E:nth-child(n) (1)匹配E元素的父元素中第n个子元素,(2)且该位置的子元素类型必须是E类型 ...
    
		
    9. 
						
  9. 谈谈一些有趣的CSS题目（十）-- 结构性伪类选择器
		
    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Python3 编程第一步
			
    现在,我们能使用Python完成比 2+2 更复杂的工作.在下例里,我们能写出一个初步的斐波纳契数列如下: >>> # Fibonacci series: 斐波纳契数列 ... #  ...
    
			
    2. 
						
  2. SQL Server AlwaysON从入门到进阶（1）——何为AlwaysON？
			
    本文属于SQL Server AlwaysON从入门到进阶系列文章 本文原文出自Stairway to AlwaysOn系列文章.根据工作需要在学习过程中顺带翻译以供参考.系列文章包含: SQL Se ...
    
			
    3. 
						
  3. Objective-C基础之简析深浅copy
			
    一.从面向对象到Objective-C概览copy 1.面向对象: In object-oriented programming, object copying is creating a copy  ...
    
			
    4. 
						
  4. Swift中类似C++和ruby中的final机制
			
    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 我们知道在C++和ruby语言的错误处理中有一种final机制 ...
    
			
    5. 
						
  5. 关于activitygroup过时，用frament替换操作
			
    现在Fragment的应用真的是越来越广泛了,之前Android在3.0版本加入Fragment的时候,主要是为了解决Android Pad屏幕比较大,空间不能充分利用的问题,但现在即使只是在手机上, ...
    
			
    6. 
						
  6. Dynamics CRM2011  MspInstallAction failed when installing an Update Rollup
			
    今天在给客户做环境迁移,安装包完成后按惯例打补丁,但在打补丁的时候却报错了,错误如下 最开始怀疑第一个打6是不是不对,毕竟N久没碰2011了忘的差不多了,后来下了个rollup1居然也打不上,根据这个 ...
    
			
    7. 
						
  7. 剑指Offer——全排列递归思路
			
    剑指Offer--全排列递归思路 前言 全排列,full permutation, 可以利用二叉树的遍历实现.二叉树的递归遍历,前中后都简洁的难以置信,但是都有一个共同特点,那就是一个函数里包含两次自 ...
    
			
    8. 
						
  8. 剑指Offer——网易笔试之解救小易——曼哈顿距离的典型应用
			
    剑指Offer--网易笔试之解救小易--曼哈顿距离的典型应用 前言 首先介绍一下曼哈顿,曼哈顿是一个极为繁华的街区,高楼林立,街道纵横,从A地点到达B地点没有直线路径,必须绕道,而且至少要经C地点,走 ...
    
			
    9. 
						
  9. Android的ProgressBar进度条-android学习之旅（三十一）
			
    ProgressBar 简介 ProgressBar是一种很常用的Ui,用于给复杂的操作显示进度,提供更好的用户相应.使用setProgress()incrementProgressBy()来设置进度 ...
    
			
    10. 
						
  10. 06_NoSQL数据库之Redis数据库：Redis的高级应用之登录授权和主从复制
			
     Redis高级实用特征 安全性(登录授权和登录后使用auth授权) 设置客户端连接后进行任何其他指定前需要使用的密码. 警告:因为redis速度相当快,所以在一台比较好的服务器下,一个外部的用户 ...
    
			
    11.