结构伪类选择器

a)     first-child：用来选取结构中的第一个元素，格式：结构名称  匹配对象:first-child{样式声明}

b)    last-child：用来选取结构中的最后一个元素，格式：结构名称  匹配对象:first-child{样式声明}

c)     nth-child(编号)：用来选取结构中正数第n个元素，格式：结构名称   匹配对象:nth-child(编号){样式声明}

d)    nth-last-child(编号)：用来选取结构中倒数第n个元素，格式：结构名称   匹配对象:nth-last-child(编号){样式声明}

-------以上是针对只有一个元素类型有多个时比较实用-------

例

<p>结构伪类选择器</p>

<p>结构伪类选择器</p>

<p>结构伪类选择器</p>

<p>结构伪类选择器</p>

<p>结构伪类选择器</p>

e)    first-of-type：用来选取结构中的第一个符合某类型的元素，格式：结构名称   类型:first-of-type{样式声明}

f)     last-of-type：用来选取结构中的倒数第一个符合某类型的元素，格式：结构名称   类型:last-of-type{样式声明}

g)    nth-of-type(编号)：用来选取结构中正数第n个符合某类型的元素，格式：结构名称  类型:nth-of-type(编号){样式声明}

h)    nth-last-of-type(编号)：用来选取结构中倒数第n个符合某类型的元素，格式：结构名称  类型:nth-；last-of-type(编号){样式声明}

i)      注意：编号为odd时表示奇数，为even表示偶数

例

<p>结构伪类选择器</p>

<p>结构伪类选择器</p>

<p>结构伪类选择器</p>

<div>结构伪类选择器</div>

<p>结构伪类选择器</p>

<div>结构伪类选择器</div>

<p>结构伪类选择器</p>

<div>结构伪类选择器</div>