伪类选择符E:nth-child(n)的定义和用法:
匹配父元素的第n个子元素E。
特别注意的是E元素某个元素的子元素，不要误认为是匹配E元素的子元素。
语法结构:
E:nth-child(n){ Rules }
参数列表:
浏览器支持:
（1）.IE浏览器支持此选择器。
（2）.谷歌浏览器支持此选择器。
（3）.火狐浏览器支持此选择器。
（4）.opera浏览器支持此选择器。
（5）.safria浏览器支持此选择器。
说明:IE6-IE8浏览器不支持此属性
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
li:nth-child(2){color:green;}
</style>
</head>
<body>
<ul>
<li>html专区</li>
<li>Div+css专区</li>
<li>Jquery专区</li>
<li>Javascript专区</li>
</ul>
</body>
</html>
以上代码是将第二个li元素中的文本颜色设置为绿色。li元素是ul的子元素。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
li:nth-child(even){color:green;}
</style>
</head>
<body>
<ul>
<li>html专区</li>
<li>Div+css专区</li>
<li>Jquery专区</li>
<li>Javascript专区</li>
</ul>
</body>
</html>
以上代码可以匹配偶数行，并且将其字体颜色设置为绿色。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=1192
更多内容可以参阅:http://www.softwhy.com/divcss/