# css3隔行变色测试
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css3隔行换色测试</title>
<meta name="description" content="s7smile" />
<style>
#list1 li:nth-of-type(odd){background:#00CCFF;}/*奇数行*/
#list1 li:nth-of-type(even){background:#FFCC00;}/*偶数行*/
</style>
</head>
<body>
<ul id="list1">
<li>1111111s7smile</li>
<li>222222222222CSS3隔行换色测试</li>
<li>333333333</li>
<li>44444444</li>
<li>55555555555555</li>
<li>66666666666666666</li>
</ul>
</body>
</html>