css伪类

 

CSS 伪类 (Pseudo-classes)

 

 

   ----- 向某些选择器添加特殊的效果。

 

 

1、锚伪类

 

 

/*链接的不同状态都可以不同的方式显示
包含活动状态，已被访问状态，未被访问状态和鼠标悬停状态
*/
a:link{color:#ff0000}  /*未访问的链接*/
a:visited{color:#00ff00} /*已访问的链接*/
a:hover{color:#ff00ff} /*鼠标移动到链接上*/
a:active{color:0000ff} /*选定的链接*/

 

 

注意：

 

• a:hover必须被置于a:link和a:visited之后，才有效
• a:active必须被置于a:hover之后，才有效
• 伪类名称对大小写不敏感

2、CSS2中的:first-child伪类

-----选择元素的第一个子元素。

/*某元素的第一个子元素的所有p元素设置字体颜色为红色*/
P:first-child{
  color:red;
}
/*注意：上述不是p元素的第一个子元素*/

 

注意：必须声明<!DOCTYPE>:first-child才能在IE中生效。

测试地址：http://www.w3school.com.cn/tiy/t.asp?f=csse_first-child

3、CSS2 :lang伪类

-----使我们为不同的语言定义特殊的规则。

<p lang="no">测试段落</p>

q:lang(no){
  ...
}