本文摘自PHP中文网,作者青灯夜游,侵删。
在css中,可以利用“:nth-child(n)”选择器来进行奇偶匹配,选择奇偶行元素;该选择器的参数n可以是数字、关键词或公式,设置n为“Odd”或者“even”关键词即可匹配下标是奇数或偶数的子元素。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中,:nth-child(n)
选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。
n
可以是数字、关键词或公式。
奇偶匹配,选择奇偶行元素
:nth-child(odd)
与 :nth-child(even)
分别匹配序号为奇数与偶数的元素。
Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。
相关阅读 >>
动画工具dragonbones的常用术语和使用方法介绍(图)
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者