1. 程式人生 > >CSS3中新增屬性總結

CSS3中新增屬性總結

偶數 -o process tab 兩個 bsp IT type com

1 偽類選擇器(用於選擇子元素用的)

table tr:nth-of-type(odd) 奇數行

table tr:nth-of-type(even) 偶數行

table tr:nth-child(odd) 奇數行

table tr:nth-child(even) 偶數行

技術分享圖片

效果如下:

技術分享圖片

:nth-child(參數) 更加靈活

技術分享圖片

n+i:表示從第i行開始往後全部選中

i:表示只選中當前的第i行

2n/3n:表示選中2的倍數行 3的倍數行

所以:nth-child 用於選擇子元素還是非常靈活 和方便的

還有另兩個:

:nth-first-child 表示選中第一個子元素

:nth-last-child 表示選中最後一個子元素


未完 待總結。。。


CSS3中新增屬性總結