数字:最常见的使用方式,eg: :nth-child(1) 关键词: Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。 公式: 使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。 3、主要思路: 运用less混合传参,参数既是 :nth-child(n) 选择器...
:first-child 可以选中第一个子元素 :last-child 可以最后一个子元素 :nth-child()可以选中任意位置的子元素 , 该选择器后面可以指定一个参数, 指定选定第几个子元素 :nth-child(even) 选中偶数位置的子元素 :nth-child(odd) 选中奇数位置的子元素 可用于表格隔行变色 :first-of-type :last-of-type :nth...
CSS3伪类选择器:nth-child()(nth-child(odd)/nth-child(even)) nth-child(odd):奇数 nth-child(even):偶数 使用时,如果是精确到数字时,切记是从同一级别的元素开始计算,而不是指定某个类才开始计算。 比如: 如果我要选择class为test的,nth-child(2),第2个。 详细解释,参考:...
nth-child(odd):选择所有奇数位置的子元素。 nth-child(even):选择所有偶数位置的子元素。 nth-child(an+b):选择从第b个开始,每隔a-1个元素选择一个。 应用场景 斑马条纹效果:通过给奇数行和偶数行设置不同的背景色,实现表格或列表的斑马条纹效果。
如圖,這里有兩個表格,需要實現的是為每個表格的奇數行添加樣式alt,使其背景顏色變成灰色 使用:odd 結果如圖,兩個表格似乎合並為一個表格,而且此種形式計數是從 開始的。問題先暫放一下,看:nth child 如何 使用nth child odd 結果如圖,兩個表格依舊獨立為兩個表格,而
nth:child的even|odd|formula分别代表什么?来源:6-1 过滤器之child系列 qq_西毒_iyFWY2 2019-05-04 10:47:42恩恩恩如题如题写回答1回答 好帮手慕慕子 2019-05-05 已采纳 同学你好, even表示选取每个偶数子元素。 odd表示选取每个奇数子元素。 formula表示规定哪个子元素需通过公式 (an + b) 来...
:nth-child(odd)选择其父元素中位置为奇数的子元素。 :nth-child(even)选择其父元素中位置为偶数的子元素。 :nth-child(n + x)选择其父元素中位置大于等于x的子元素。 例如,要选择父元素中的第三个子元素,可以使用如下方式: ``` .parent div:nth-child(3) { /* CSS样式*/ } ``` 拓展: 除了使用...
可以简单理解为等同于 p:nth-child(odd) p:nth-child(2n+0) 可以简单理解为等同于 p:nth-child(even) p:nth-child(n+2) 表示正向范围,从第2个p元素开始(包括第2个p元素)到最后一个p元素都添加背景色(这里范围指2-5) p:nth-child(-n+5) ...
51CTO博客已为您找到关于css nth-child odd的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css nth-child odd问答内容。更多css nth-child odd相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
与表格相关的CSS样式中,可使用 nth-child() 选择器来选择奇数行或偶数行,以实现隔行变色表格的效果。如表格样式中有一句:tr:nth-child(odd){background:#EEE;} ,那么这个表格中是偶数行还是奇数行的背景色为浅灰色#EEE呢?表格的( )数行的背景色是浅灰色...