如果采用如下所示的方法结合运用nth-child选择器与nth-last-child选择器，可以指定当某个父元素中只有一个元素时才使用的样式。
实现图示效果的HTML代码：
<ul> <li>项目列表1</li> </ul> <ul> <li>项目列表1</li> <li>项目列表2</li> </ul>
nth-child选择器与nth-last-child选择器的运用：
li:nth-child(1):nth-last-child(1) { background:#06F; color:#FFF; }
使用only-child来实现效果的CSS代码：
li:only-child { background:#06F; color:#FFF; }
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
divcss入门视频教程-DIVCSS布局第6课-CSS滤镜的应用
2015-09-30 11:41
divcss入门视频教程-DIVCSS布局第5课-用CSS制作漂亮的菜单
2015-09-30 11:40
divcss入门教程-DIVCSS布局第4课-设置页面和浏览器的元素
2015-09-30 11:40
divcss入门教程-DIVCSS布局第3课-设置表格与表单的样式
2015-09-30 11:38
网友点评
精彩导读
热门资讯
关注我们
