This is pretty straightforward.I have the following HTML structure:\[code\]<ul id="myContactList"> <li> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> </ul> </li> ...</ul>\[/code\]and the trouble maker CSS:\[code\]ul#myContactList>li>ul>li { float:left; /* Trouble maker */}\[/code\]Here's the JSFiddle.Why isn't the last ul#myContactList>li being targeted by li:nth-child(odd)?Thanks in advance, cheers! 