欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-25 21:25:50
...
最近做项目,客户提出一个需求,让新闻列表的前三个条目加粗显示。由于新闻列表每天都有更新,所以就利用文档结构来给列表添加样式。

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

首先是列表代码:

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

然后是两种备选方案:

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

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

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