CSS-选择器11-first-of-type、last-of-type、nth-of-type 和 nth-last-of-type

CSS选择器-系列文章

1、选择器说明

选择器	例子	例子描述	CSS
:first-of-type	p:first-of-type	选择属于其父元素的首个 p 元素的每个 p 元素。	3
:last-of-type	p:last-of-type	选择属于其父元素的最后 p 元素的每个 p 元素。	3
:only-of-type	p:only-of-type	选择属于其父元素唯一的p 元素的每个 p 元素。	3
:nth-of-type(n)	p:nth-of-type(2)	选择属于其父元素第二个 p 元素的每个p元素。	3
:nth-last-of-type(n)	p:nth-last-of-type(2)	同上，但是从最后一个子元素开始计数。	3

2、效果演示

源代码

    
    
    


    
p1

div1

p2

div2

p3