CSS3新增偽類

2021-08-20 11:24:33 字數 671 閱讀 8066

p:last-of-type         選擇其父元素的最後的乙個p元素

p:last-child            選擇其父元素的最後子元素(一定是p才行)

p:first-of-type        選擇其父元素的首個p元素

p:first-child           選擇其父元素的首個p元素(一定是p才行)

p:only-child    選擇其父元素的只有乙個元素(而且這個元素只能是p元素,不能有其他元素)

p:only-of-type   選擇其父元素的只有乙個p元素(不能有第二個p元素,其他元素可以有) 

選第n個

p:nth-child(n)      選擇器匹配屬於其父元素的第 n 個子元素,不論元素的型別。

p:nth-last-child(n)    從最後乙個子元素開始計數,選擇器匹配屬於其父元素的第 n 個子元素,不論元素的型別。

p:nth-of-type(n)   選擇器匹配屬於父元素的特定型別(p)的第 n 個子元素的每個元素

p:nth-last-of-type(n)   從最後乙個子元素開始計數,選擇器匹配屬於父元素的特定型別(p)的第 n 個子元素的每個元素

用在input上

:enabled

:disabled

CSS3 新增偽類

p first of type 父元素中第乙個p子元素 p lastt of type 父元素中最後乙個p子元素 p only of type 父元素中唯一乙個p子元素 p nth of type n 父元素中第n個p型別的p元素 p nth last of type n 父元素中倒數第n個p型別的...

CSS3 新增偽類

p first of type 選擇屬於其父元素的首個 元素的每個 元素。p last of type 選擇屬於其父元素的最後 元素的每個 元素。p only of type 選擇屬於其父元素唯一的 元素的每個 元素。p only child 選擇屬於其父元素的唯一子元素的每個 元素。p nth c...

css3新增偽類

1 p first of type選擇屬於其父元素的首個元素的每個元素 2 p first child 匹配屬於其父元素中的首個子元素 子元素 first child table tr first child 3 p last of type選擇屬於其父元素的最後元素的每個元素。4 p last c...