ul li:nth-of-type(2) { background-color: red; }
上面的代码使用了伪类选择器 :nth-of-type,它选取了 ul 元素下的第二个 li 元素,并将其背景色设置为红色。下面是一些关于 :nth-of-type 伪类选择器的更多信息:
1. :nth-of-type(n) 选择每个类型的第 n 个元素。
2. :nth-of-type(even) 选择每个类型的偶数元素。
3. :nth-of-type(odd) 选择每个类型的奇数元素。
4. :nth-of-type(n+m) 选择每个类型的第 n 个元素和第 m 个元素以及后续的所有元素。
总之,伪类选择器是一种非常有用的方法,可以帮助大家更好地控制网页的样式。使用 :nth-of-type 伪类选择器,大家可以轻松地选择第二个 li 元素。希望这篇文章对您有所帮助!