CSS伪类

添加不同颜色的超链接

	
		 
		 
		
	
	
		
这是一个链接
		
注意： a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。
		
注意： a:active 必须在 a:hover 之后。
	

给超链接添加其他样式

	
		 
		 
		
	
	
		
将鼠标移至链接上改变样式.

		
这个链接改变颜色
		
这个链接改变字体大小
		
这个链接改变背景颜色
		
这个链接改变字体类型
		
这个链接改变文字修饰
	

使用：焦点

	
		 
		 
		
	
	
		

		First name: 

		Last name: 

		
		
		​
		
注意:仅当 !DOCTYPE 已经声明时 IE8 支持 :focus.
	

：firset-child-匹配了第一个p元素

	
		 
		 
		
	
	
		
This is some text.
		
This is some text.
		
注意:对于 :first-child 工作于 IE8 以及更早版本的浏览器, ！DOCTYPE 必须已经声明.
	

：firset-child-匹配了第一个p元素中的I元素

	
		 
		 
		
	
	
		
I am a strong man. I am a strong man.
		
I am a strong man. I am a strong man.
		
注意: 当 :first-child 作用于 IE8 以及更早版本的浏览器, ！DOCTYPE 必须已经定义.
	

：firset-child-匹配了第一个p元素中的所有I元素

	
		 
		 
		
	
	
		
I am a strong man. I am a strong man.
		
I am a strong man. I am a strong man.
		
注意: 当:first-child 作用于 IE8 及更早版本的浏览器, DOCTYPE 必须已经定义.
	

使用：lang

	
		 
		 
		
	
	
		
Some text A quote in a paragraph Some text.
		
在这个例子中,:lang定义了q元素的值为lang =“no”
		
注意: 仅当 !DOCTYPE 已经声明时 IE8 支持 :lang.
	

参考：

https://www.yuque.com/docs/share/57cc1245-0adf-411d-a614-3098f8cfe763