p:nth-child(odd) { background-color: #f1f1f1; } p:nth-child(even) { background-color: #ffffff; }
上面的代码块展示了如何使用 CSS3 中的奇偶性。当 p 元素是奇数时,将其背景颜色设置为 #f1f1f1;当它是偶数时,将其背景颜色设置为 #ffffff。这对于交替着色列表或表格非常有用。
奇偶性选择器是通过 CSS nth-child() 函数实现的。在这个函数中可以传入一个参数 n,决定选取第 n 个元素的颜色值。这个参数可以被替换为 odd 或 even,表示选取奇数或者偶数元素。
奇偶性选择器不仅仅可以用于 p 元素,也可以用于其他类型的元素。在实际使用中,根据需要选择相应的奇偶性选择器即可。