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

By: Alex

Alex — Sat, 29 Oct 2011 00:39:17 +0000

Hey Peter. Can you please re-check post’s date?
Thank you

By: peter drinnan

peter drinnan — Fri, 28 Oct 2011 18:20:05 +0000

Why all the fuss over IE6? Outside of China is a dead browser. See:

http://www.ie6countdown.com/#list

By: shashi

shashi — Fri, 01 Jul 2011 08:54:18 +0000

Hi Alex, We need your assistance

I want to use the expression code.

Below is the CSS code for normal and first-child
#mini-ctlg-tabs li a.active{
background: url(../images/tab-bg-active.gif) top right no-repeat;
border:0px solid #fff;
border-right:0;
color:#333;
padding:0px 30px 0 15px;
text-decoration:none;
cursor:default;
}

#mini-ctlg-tabs li:first-child a.active{
background: url(../images/tab-bg-first-child.gif) top right no-repeat;
border:0px solid #fcfcfc;
border-right:0;
color:#000000;
cursor:pointer;
display:block;
height:27px;
line-height:27px;
padding:0 30px 0 8px;
text-decoration:none;
cursor:default;
}

Can you please help me with your suggestion or a similar sample code.

By: Christopher Hill

Christopher Hill — Mon, 23 May 2011 11:51:41 +0000

Great trick, i never new you could do this with IE6! Good Job!

By: Alex

Alex — Tue, 01 Feb 2011 14:04:53 +0000

Recaro baby – please contact me directly using IM.
Thank you

By: recaro baby car seats

recaro baby car seats — Tue, 01 Feb 2011 08:59:03 +0000

how to hack ie7 border-bottom css? can you help me please?

By: boom

boom — Thu, 02 Dec 2010 02:35:21 +0000

Another alternative way using jQuery:

$(function(){
$(“#nav li:last-child”).css(“border-bottom”,”1px solid #b5b5b5″)
})

source: http://stackoverflow.com/questions/1293369/using-last-child-in-css

By: Alex

Alex — Sat, 02 Oct 2010 10:08:45 +0000

The best way is to forget about IE6
Next best way is to add class for last child or to use jquery to add classes when the DOM created
Worst way is to use :last-child pseudo class expression in CSS
Good luck

By: Gunasegar

Gunasegar — Fri, 01 Oct 2010 06:23:53 +0000

what if i use the border for first child and last child..

.topNav li:first-child {

border-left: none;
position: relative;
}
.topNav li:last-child {
border-right: none;
}

it doesnt work in ie6

i also tried what u said but helpless.. how can i work out this..
Help me pls..

By: Alex

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

Remove [:] symbol after P before {