今天新学习了一个小效果，网站比如说实现间行颜色变化，比如说一行黑，一行白，好吧，斑马就出现了，当你鼠标触碰某一行，颜色背景变化，尤其是当你连接数据库时，简单的代码就显得很重要了.
这时候一个有意思的朋友出现了，:nth-child(n) 一直在那蹦?着说“找我呀”，这个是说选择器匹配属于其父元素的第N个子元素，从0开始，比如说p:nth-child(2)指下标为2的p元素，就是第3个元素；然后如果想实现奇偶行不同，奇数可以直接用odd，偶数直接用even，方便，如果用（2n+1），（2n）也OK的;
立即学习“前端免费学习笔记（深入）”；
.history-content:nth-child(2n+1) { background: #D8F0E7;}.history-content:nth-child(2n) { background: #eee;}.history-content:hover { background: #fff;}立即学习“前端免费学习笔记（深入）”；
立即学习“前端免费学习笔记（深入）”；
.history-content:nth-child(odd) { background: #D8F0E7;}.history-content:nth-child(even) { background: #eee;}.history-content:hover { background: #fff;}立即学习“前端免费学习笔记（深入）”；
菜鸟学习，如有更好的，敬请交流！哈
版权声明：本文为博主原创文章，未经博主允许不得转载。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1002
