欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 奇偶 2n

李中冰2年前8瀏覽0評論

CSS中,奇偶選擇器可以很好地用于設置表格之類的元素的樣式。特別是在使用偽類選擇器: nth-child() 時,通過設置 2n 可以很容易地選擇偶數或奇數的元素。

/* 偶數元素,包括第一項 */
tr:nth-child(even) {
background-color: lightgrey;
}
/* 奇數元素 */
tr:nth-child(odd) {
background-color: #f2f2f2;
}
/* 第3、6、9、12項 */
tr:nth-child(3n) {
background-color: #ccc;
}
/* 偶數列 */
td:nth-child(even) {
background-color: #f2f2f2;
}

請注意,偽類選擇器中的 2n 是一個計數器,從1開始遞增計數。因此,可以選擇從第二個元素開始,使用2n來選擇偶數元素,或從第一個元素開始,使用2n+1來選擇奇數元素。

/* 從第2項開始,偶數元素 */
tr:nth-child(2n) {
background-color: #f2f2f2;
}
/* 從第1項開始,奇數元素 */
tr:nth-child(2n+1) {
background-color: #ccc;
}

在設置表格樣式時,這些選擇器非常有用,可以使表格更易于閱讀和理解。此外,在其他地方也可以使用它們來設置列表、網格或其他類型的元素的視覺效果。