实例代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>:nth-child(2) :nth-child(4)指定设置对象样式</title> <style> ul,li{ list-style:none; margin:0; padding:0} ul li:nth-child(2){color:#F00}/*设置第2个li 字体颜色为红色*/ ul li:nth-child(4){color:#00F}/*设置第4个li 字体颜色为蓝色*/ </style> </head> <body> <ul> <li>第一排 CSS5实例</li> <li>第二排</li> <li>第三排</li> <li>第四排</li> <li>第五排</li> <li>第六排</li> </ul> </body> </html>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c53650.shtml