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

css怎樣通過奇偶賦值

張振鋒1年前6瀏覽0評論

使用CSS的奇偶賦值可以很好地優化頁面顯示效果。CSS中的選擇符可以根據元素的位置來進行選擇,奇偶數是一個很好的選擇方式。

/* 選擇偶數行 */
tr:nth-of-type(even) {
background-color: #f2f2f2;
}
/* 選擇奇數行 */
tr:nth-of-type(odd) {
background-color: #ffffff;
}
/* 選擇偶數列 */
td:nth-of-type(even) {
background-color: #f2f2f2;
}
/* 選擇奇數列 */
td:nth-of-type(odd) {
background-color: #ffffff;
}

以上代碼是加入CSS的奇偶數選擇器。選擇器可以通過使用nth-of-type偽類來選擇奇偶數。對于偶數行或偶數列,可以設置一個淺一點的背景顏色;對于奇數行或奇數列,可以設置一個深一些的背景顏色。在表格或其他分列布局中會有很好的效果。

另外,需要注意的一點是這些選擇器都是從1開始計數的,而不是從0開始計數,所以第一行或第一列被視為奇數行或列。如果需要將第一行或列排除在外,可以使用nth-child或者nth-of-type來選擇。

/* 排除第一行,并選擇偶數行 */
tr:nth-child(n+3):nth-of-type(even) {
background-color: #f2f2f2;
}
/* 排除第一列,并選擇偶數列 */
td:nth-child(n+2):nth-of-type(even) {
background-color: #f2f2f2;
}

以上代碼將排除第一行或第一列,然后選擇偶數行或偶數列。這個技巧也可以用在很多其他的布局中。