css3全部新增偽類測試

2021-09-24 06:39:38 字數 636 閱讀 9181

p:last-of-type 選擇該選擇器所有子樹的最後乙個p。 

接下來兩個可以同上模擬: 

p:first-of-type 選擇該選擇器所有子樹的第乙個p。

p:only-child 選擇該選擇器下所有子樹的惟一的那個。簡單說來,就是這個子樹下有且只有,而且p的數量是乙個,才能把這個p選中。  

p:only-of-type 不同的是這個比上面那個相對寬鬆,只要子樹下只有乙個p(可以有其他元素),就能選上。 

p:nth-child(n) 選擇器父元素的第n個,且剛好是p的元素。

* n的取值可以是odd或是even,odd代表奇數,even代表偶數。

p:nth-last-child(n) 描述同上,只不過是倒著數的。

p:nth-of-type(n) 選擇其父元素的第n個元素是p的元素。

p:nth-last-of-type(n)描述同上,從最後乙個子元素開始計數。

element:empty 沒有子元素的element元素

element:enable 選擇每個已啟動的元素

element:disable 選擇每個已禁止的元素

element:chacked 選擇每個被選中的元素

element:target 選擇當前活動的元素

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新增偽類

p last of type 選擇其父元素的最後的乙個p元素 p last child 選擇其父元素的最後子元素 一定是p才行 p first of type 選擇其父元素的首個p元素 p first child 選擇其父元素的首個p元素 一定是p才行 p only child 選擇其父元素的只有乙...