用ASP程序模拟实现first-child的功能

80酷酷网    80kuku.com

  程序

first-child用来设置对象(Selector1)的第一个子对象(Selector2)的样式表属性。比如一个列表第一行的样式可以和其他行有所不同,但目前IE尚不支持此伪类。下面给出用ASP模拟实现的方法.

今看到经典里在讨论这个问题,Realazy的做法是采用了javascript,zbm2001z的做法是用了expression,我想如果这个列表是从读出来的话,用程序写可能更容易。我不是什么程序员,只会一点最简单的asp,如写的不好,还请多多指导谅解!

asp代码


  '连接代码
  response.write "<ul class='fgList'>"
  rs.movefirst 
  response.write "<li class='firstchild'><a title='' href='#'>"&rs("列表标题")&"</a></li>"
  rs.movenext
  do while not (rs.eof or err)
  response.write "<li><a title='' href='#'>"&rs("列表标题")&"</a></li>"
  rs.moveNext
  loop
  response.write "</ul>"
  response.write "<hr />"

CSSCode


ul.fgList{
    list-style: none;    
}
ul.fgList a{
    color: #333333;
    background: url(/img/arrow_l2.gif) no-repeat 0 50%;
    padding-left: 1.5em;
    line-height: 2em;
    text-decoration: none;
}
ul.fgList a:hover{
    color: #999999;
    text-decoration: underline;
    background: inherit;
}
ul.fgList li.firstchild a{
    color: #C00;
    background: url(/img/arrow_l2_over.gif) no-repeat 0 50%;
}
h3{
    font-size: 120%;
    padding: 2em 1em .3em .3em;
}

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: