/* 选取所有基数行 */ p:nth-child(odd) { color: red; } /* 选取第三行和第五行 */ p:nth-child(3n+2) { color: blue; }
在上面的例子中,大家使用了两个不同的nth-child选择器,其中第一个选择器将所有的基数行文字颜色设置为红色。这里大家使用了odd关键字,它表示奇数。因此,所有奇数行都会被选中。
第二个选择器则使用了3n+2的计算公式。nat表示自然数,也就是1, 2, 3, …. n表示所有自然数,而+2则表示从第三行开始。所以这个选择器选取了第三行和第五行,并将它们的文字颜色设置为蓝色。
总之,使用nth-child选择器,大家可以轻松地选取任意行或列,并改变它们的样式。这使得CSS处理表格和其他复杂布局变得更加容易。