如何使用CSS隐藏UL/LI列表中除首个外的所有rpwwt-post-excerpt类div元素

你可以直接使用以下CSS代码实现需求：

.rpwwt-widget ul li:not(:first-child) .rpwwt-post-excerpt {
    display: none;
}

代码说明 #

• 选择器通过:not(:first-child)伪类过滤掉列表的第一个li元素，仅选中剩余所有列表项
• 仅隐藏选中列表项下的.rpwwt-post-excerpt元素，不会对所有.rpwwt-post-title标题元素的显示产生任何影响
• 该写法兼容所有主流现代浏览器，最低支持到IE9版本

如果需要兼容IE8及更低版本浏览器，可以使用如下替代方案：

/* 先隐藏所有摘录元素 */
.rpwwt-widget ul li .rpwwt-post-excerpt {
    display: none;
}
/* 单独显示第一个列表项的摘录 */
.rpwwt-widget ul li:first-child .rpwwt-post-excerpt {
    display: block;
}

内容的提问来源于stack exchange，提问作者Acidburns