css 利用文档结构给列表添加样式_html/css_WEB-ITnose

最近做项目，客户提出一个需求，让新闻列表的前三个条目加粗显示。由于新闻列表每天都有更新，所以就利用文档结构来给列表添加样式。

下面以一个简单列表为例，让前三列的前景色显示为红色。

首先是列表代码：

• aaaaaa
• bbbbbb
• cccccc
• dddddd
• eeeeee
• ffffff
• gggggg
• hhhhhh

然后是两种备选方案：

1. 利用伪类选择器first-child

2. 利用 相邻兄弟结合符“+”

有一点需要注意的是这两种方式IE6都不支持（什么，还要兼容IE6）?(???)?，想兼容IE6就写js吧。