日期:2014-05-17  浏览次数:20722 次

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){
  ...
}
?


?