在 CSS 中,可以使用 nth-child 偽類選擇器來選擇特定元素的樣式,其中 nth-child(n) 可以選擇所有在其父元素中排行第 n 個的子元素。
如果你想選擇奇數(shù)行的元素,可以使用 nth-child(odd);而如果你想選擇偶數(shù)行的元素,可以使用 nth-child(even)。
/* 選擇奇數(shù)行 */ tr:nth-child(odd) { background-color: #f2f2f2; } /* 選擇偶數(shù)行 */ tr:nth-child(even) { background-color: #ffffff; }
如果你想要只選擇奇數(shù)行,可以使用 nth-child(2n+1),其中 2n+1 表示選擇所有偶數(shù)行,再加 1 表示選擇奇數(shù)行。
/* 選擇奇數(shù)行 */ tr:nth-child(2n+1) { background-color: #f2f2f2; }
同樣,如果你想選擇偶數(shù)行,可以使用 nth-child(2n)。
/* 選擇偶數(shù)行 */ tr:nth-child(2n) { background-color: #ffffff; }
通過使用 nth-child 偽類選擇器,可以輕松地選擇需要的元素樣式。
上一篇html5的視頻代碼下載
下一篇obsidian css