CSS3 伪类选择器 :only-child和:only-of-type

css样式

.demo .post p {background: lime;}

初步效果

如果我需要在div.post只有一个p元素的时候，改变这个p的样式，那么我们现在就可以使用:only-child,如：
.demo .post p {background: lime;}
.demo .post p:only-child {background: red;}
此时只有div.post只有一个子元素p时，那么他的背景色将会改变,如图所示：

:only-of-type是表示一个元素他有很多个子元素，而其中只有一个子元素是唯一的，那么我们使用这种选择方法就可以选择中这个唯一的子元素，比如说

如果我们想只选择中上面中的p元素，我们就可以这样写，

p:only-of-type{background-color:red;}

IE6-8浏览器不支持:only-child选择器；IE6-8和FF3.0-浏览器不支持:only-of-type选择器。