css 利用文档结构给列表添加样式_html/css_WEB-ITnose
程序员文章站
2022-05-25 21:25:50
...
最近做项目,客户提出一个需求,让新闻列表的前三个条目加粗显示。由于新闻列表每天都有更新,所以就利用文档结构来给列表添加样式。
下面以一个简单列表为例,让前三列的前景色显示为红色。
首先是列表代码:
ul
- aaaaaa
- bbbbbb
- cccccc
- dddddd
- eeeeee
- ffffff
- gggggg
- hhhhhh
然后是两种备选方案:
- 利用伪类选择器first-child
- 利用 相邻兄弟结合符“+”
有一点需要注意的是这两种方式IE6都不支持(什么,还要兼容IE6)?(???)?,想兼容IE6就写js吧。
推荐阅读
-
使用form-search样式,要添加哪个css文档?_html/css_WEB-ITnose
-
css 利用文档结构给列表添加样式_html/css_WEB-ITnose
-
css 利用文档结构给列表添加样式_html/css_WEB-ITnose
-
a标签点击跳转页面后怎么给当前点击的a标签用jquery添加一个样式_html/css_WEB-ITnose
-
一个类下有很多标签,给第二个标签添加样式,怎么写才能不用再给第二个添加类_html/css_WEB-ITnose
-
a标签点击跳转页面后怎么给当前点击的a标签用jquery添加一个样式_html/css_WEB-ITnose
-
为什么添加了这段CSS代码后,无序列表前的样式就自动没有了呢?_html/css_WEB-ITnose
-
为什么添加了这段CSS代码后,无序列表前的样式就自动没有了呢?_html/css_WEB-ITnose