如果采用如下所示的方法结合运用nth-child选择器与nth-last-child选择器，可以指定当某个父元素中只有一个元素时才使用的样式。eCmHTML5中文学习网 - HTML5先行者学习网

eCmHTML5中文学习网 - HTML5先行者学习网

实现图示效果的HTML代码：eCmHTML5中文学习网 - HTML5先行者学习网

<ul>  <li>项目列表1</li></ul><ul>  <li>项目列表1</li>  <li>项目列表2</li></ul>

nth-child选择器与nth-last-child选择器的运用：eCmHTML5中文学习网 - HTML5先行者学习网

li:nth-child(1):nth-last-child(1) { background:#06F; color:#FFF; }

使用only-child来实现效果的CSS代码：eCmHTML5中文学习网 - HTML5先行者学习网

li:only-child { background:#06F; color:#FFF; }