在css中，可以利用伪类选择器“:nth-child()”来选择偶数行，该选择器能选择表格或li等有规律元素的偶数行，语法“元素:nth-child(2n){样式}”或“元素:nth-child(even){样式}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以利用伪类选择器“:nth-child()”来选择偶数行。通过css3伪类选择器 :nth-child() 可以选择表格或li等有规律元素的偶数行。
:nth-child(n) 选择器匹配父元素中的第 n 个子元素，元素类型没有限制。n 可以是一个数字，一个关键字，或者一个公式。
当n 为关键字“even”或公式“2n”时即可选择偶数行。
立即学习“前端免费学习笔记（深入）”；
选择偶数行的语法：
元素:nth-child(2n){样式}元素:nth-child(even){样式}
示例：
p:nth-child(2n){background:#ff0000;}li:nth-child(even){background: #AFEEEE;}
- 第一项
- 第二项
- 第三项
- 第四项
效果图：
（学习视频分享：css视频教程）
以上就是css怎么只选择偶数行的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1622050.html
微信扫一扫 
支付宝扫一扫 
