only-child选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。
选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。
也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。
通过“:only-child”选择器，来控制仅有一个子元素的背景样式，我们这个示例通过对比的方式来向大家演示。
HTML代码：
<div> <p>我是一个段落</p> <p>我是一个段落</p> </div> <div> <p>我是一个段落</p> </div>
CSS代码：
.post p {
background: green;
color: #fff;
padding: 10px;
}
.post p:only-child {
background: orange;
}演示结果：
有用
0
没用
0
开心
0
愤怒
0
可怜
0
1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章，转发时烦请注明来源;
3.交流群:
多个高度相同, 属性inline-block的div，有的div没有内容而有的div有内容，有内容的会下沉？
让整个网页全局变成黑白色调的css代码
CSS生成内容
CSS3外轮廓属性
