题解 | CSS选择器——伪类选择器

CSS选择器——伪类选择器

https://www.nowcoder.com/practice/d8a08991f6294e98b7b78597483ab2b8

<!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 个元素。

全部评论

相关推荐

就只能3个月,但是要求长期全职实习
Swaying:你确实是能长期实习啊,但是你那时候有事也没啥办法嘛
点赞 评论 收藏
分享
asdasdasdasdas:19岁,不容易啊可能升个本会好点,现在学历歧视太严重了
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
05-01 13:13
ecece:这么明目张胆虚报就业率啊
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务