Hi Sundance,
So nth-child by itself won’t work (well it will but not correctly) so for example nth-child(odd) will change colour of every row because when we animate each <p> becomes <div class="item"><p></div>
meaning they are ALL item 1 of their parent, but if you would use something like:
div.item:nth-child(odd) {
background: grey; }
then it will correctly output: (example)
So that would be the correct way to do this.
nth-child is supported in IE since IE8 so it might be required to update IE and emulated browser registry setting.