<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> /* 填写样式 */ li:nth-child(even){ background-color:rgb(255,0,0) } </style> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <script type="text/javascript"> /* 填写JavaScript */ </script> </body> </html>
li:nth-child(even) 会选择父元素中索引为偶数的 <li>
元素(索引从 1 开始计数)
li:nth-child(odd)会选择奇数索引的子元素;
nth-child 伪类选择器也可以接受更复杂的公式,如 li:nth-child(3n+1),用于选择每隔 3 个元素的第 1 个元素。