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

全部评论

相关推荐

不愿透露姓名的神秘牛友
04-25 10:45
点赞 评论 收藏
分享
04-28 22:33
已编辑
门头沟学院 C++
点赞 评论 收藏
分享
昨天 11:16
湖南大学 Web前端
我看到好多人都在说0offer好焦虑,结果一看是投了百度快手字节啥的。好像大家都是只想通过校招进大厂,对小公司是不考虑的吗😂可是能进大厂的难道不是只有少部分人吗,真心发问
梦想是成为七海千秋:沉默的大多数吧,喜欢晒的都是能引起共鸣的大厂,找小厂的人,别人也不认识你这个小厂,就自己偷偷找了实际上大多数人哪有什么机会能找到大厂
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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