css 第n个孩子(N)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 第n个孩子(N)相关的知识,希望对你有一定的参考价值。

/*usei pra adicionar/remover linhas cinzas no jornal de valinhos*/

/*The :nth-child() selector might require a bit of experimentation to fully understand.
The easiest implementation is to use the keywords odd or even, which are useful when displaying data that consists of rows or columns.*/

ul li:nth-child(odd) {
background-color: #666;
color: #fff; }

table tr:nth-child(even) { … }

/*The :nth-child selector can be much more specific and flexible, though. You could select only the third element from a list, like so:*/

li:nth-child(3) { … }

/*Note that n does not start at zero, as it might in an array. The first element is :nth-child(1), the second is :nth-child(2) and so on.*/

以上是关于css 第n个孩子(N)的主要内容,如果未能解决你的问题,请参考以下文章

悬停不与第 n 个孩子一起工作

PHP - 列表中的“n”个孩子

如何使用CSS选择最后一个孩子的具体数量?

获取第 n 个孩子的位置到变量

防止第 n 个孩子选择嵌套 div 内的元素

在多个父母中选择第 n 个孩子