goTOP
April 15, 2021
點擊在新視窗中瀏覽此圖片
為了客戶要在就程式中加上某些功能,又不能動到inc模組的狀況下,改變CSS版型,就只能動用更新的CSS3設定來輔助顯示。如果沒有事前的定義,除了first-child, last-child 的方法,之外 nth-child(n)也是不錯的用法,但是要多注意上層的 Class 定義,才能完美定義出自己想要的CSS3樣式。

n可放入關鍵字:以table tr 元素為例
odd:為奇數
nth-child(odd)

tr:nth-child(odd){background:#808080}

even:為偶數
tr:nth-child(odd){background:#808080}


n可放入數字:以 ul li 元素為例:
前方開始的用法:
:nth-child(n)

分頁: 1/1 第一頁 1 最後頁 [ 顯示模式: 摘要 | 清單 ]