css3新增伪类     

:checked 单选框或者复选框被选中

p:first-of-type 

指定其父元素的首个 p 元素的属性

列如：

<p>我是第1个p标签</p><p>我是第2个p标签</p><p>我是第3个p标签</p><p>我是第4个p标签</p>p:first-of-type{background:#000;
}

第一个p标签的背景变成黑色

p:last-of-type

指定其父元素的最后一个 p 元素的属性

p:only-of-type

指定属于其父元素的指定类型唯一一个子元素p的元素的属性

<div><p>我是p标签</p></div><div><p>我是第一个p标签</p><p>我是第二个p标签</p></div>p:only-of-type{background:#000;}

第一个p标签的背景变成黑色

p:only-child

指定属于其父元素的唯一一个的每个p元素的属性

<div><p>我是第一个p标签</p></div><div><span>我是第一个span标签</span><p>我是第二个p标签</p></div>p:only-child{background:#000;}

第一个p标签背景变成黑色

p:nth-child(2)

指定属于其父元素的第二个子元素的每个p标签的属性

<h1>我是h1标签</h1><p>我是第1个p标签</p><p>我是第2个p标签</p><p>我是第3个p标签</p><p>我是第4个p标签</p>p:nth-child(2){background:#000;}

第一个p标签背景变黑色