Using multiple child selectors

[Spunky]

Real simple here:

Why does this work..

tr.retired td:not(:nth-child(2)){
	background-color:purple;
}

And this works...

tr.retired td:not(:nth-child(3)){
	background-color:purple;
}

But this doesn't work?

tr.retired td:not(:nth-child(2)),tr.retired td:not(:nth-child(3)){
	background-color:purple;
}

Fiddle: https://jsfiddle.net/m6z1suyb/

Thanks!

[dsonesuk]

They override each other so both take effect. I think you are looking for

tr.retired td:not(:nth-child(2)):not(:nth-child(3)){
                background-color:purple;
            }