Comments on: Pseudoclasses :first-child and :last-child for IE6

By: Alex

Alex — Thu, 24 Jun 2010 16:49:47 +0000

Remove [:] symbol after P before {

By: Amin

Amin — Thu, 24 Jun 2010 09:32:47 +0000

div#test p:first-child {text-decoration: underline; color:red;}
div#test p:last-child {color: #0000ff;}

div#test p:{color:expression(this.previousSibling==null?’red’:'black’);}
div#test p:{color:expression(this.nextSibling==null?’#0000ff’:'black’);}

is not working
please advice me…

thanks & regards
amin

By: designer

designer — Wed, 09 Jun 2010 11:41:42 +0000

when i try to use back ground image, it’s also not working in ie 6.0 this is my code

#subnav2 li { background-image:url(images/bg1.png); color:#fff; height:30px;}
#subnav2 li:first-child {background-image:url(images/bg2.png); color:#fff; height:30px;}
#subnav2 li {background-image: expression(this.previousSibling==null?’url(images/bg2.png)’:’url(images/bg1.png)’);}

By: designer

designer — Wed, 09 Jun 2010 11:40:45 +0000

when i try to use back ground image, it’s also not working in ie 6.0 this is my code

#subnav2 li { background-image:url(images/bg1.png); color:#fff; height:30px;}
#subnav2 li:first-child {background-image:url(images/bg2.png); color:#fff; height:30px;}
#subnav li {background-image: expression(this.previousSibling==null?’url(images/bg2.png)’:'url(images/bg1.png)’);}

By: Alex

Alex — Wed, 09 Jun 2010 11:35:15 +0000

You should use expression logics within expression.
But I suggest you to use classes instead (at least for last-child)

By: designer

designer — Wed, 09 Jun 2010 11:16:47 +0000

#subnav li {background-color: gray; color:#fff; height:30px;}
#subnav li:first-child {background-color: blue; color:#fff; height:30px;}
#subnav li:last-child {background-color: red; color:#fff; height:30px;}
#subnav li {background-color: expression(this.previousSibling==null?’blue’:'gray’);}
#subnav li {background-color: expression(this.nextSibling==null?’red’:'gray’);}

this is my code am not able to use first child and last at a time it’s not working in ie 6.0

By: Alex

Alex — Sat, 29 May 2010 00:14:20 +0000

Steve, can I see your example at some URL? Try to catch me online using gTalk or Skype (username is mauzon)

By: Steve

Steve — Fri, 28 May 2010 12:17:00 +0000

i need to display a separate background image for the fiest child of a list items following is my code i have tried different combinations but does not work

.topmenu li {background-image: expression(this.previousSibling==null?url(‘absolute/path/to/topmenu_divider.jpg’):url(‘absolute/path/to/topmenu_divider1.jpg’));}

please advice
thanks

By: Alex

Alex — Tue, 13 Apr 2010 13:54:31 +0000

To be honest I’d suggest to avoid using :last-child, it would be much more reliable to add a class there (using back-end or javascript). As not many browsers support last-child at all actually.

By: veerender

veerender — Tue, 13 Apr 2010 13:40:31 +0000

Could you kindly post the code for :last-child in IE.

this.nextSibling==null is not working for the example you have given.