there is strange problem: after blink update selector .groups .group:nth-child(2):nth-last-child(2){} just stop working. But it still works well in webkit and gecko
.groups .group:nth-child(2):nth-last-child(2){}
You are making it too complex.
Write:
.groups .group:first-child{ /*first child*/ background-color:yellow; } .groups .group:nth-child(2){ /*second child*/ background-color:red; } .groups .group:last-child{ /*last child*/ background-color:green; }
Working fiddle here.