谷歌浏览器和倒数第n个孩子

Question

以下CSS适用于Firefox、IE9和Gnome"Web"浏览器。

li.col:nth-child(3n+1):nth-last-child(2),
li.col:nth-child(3n+1):nth-last-child(2) + li {width: 47.5%;}

第一行应该选择最后一行的第一个子项，并将其设置为47.5%。Firefox和Chrome都这样做。第二行应该选择相同的元素，但随后向前移动一个元素到网格中的最后一个子元素。在Firefox、IE9和Web中，它可以做到这一点，但在Google Chrome中则不然。

有趣的是，如果你在Google Chrome中"检查元素"，它会导致倒数第二个列表元素恢复到其默认宽度（.col类设置的30%）。

以下是我为您设置的CodePen，以便轻松测试：http://codepen.io/anon/pen/dzbci

如有任何帮助，我们将不胜感激。

Answer 1

使用

 li.col:nth-child(3n+1):nth-last-of-type(2) + li {width: 47.5%;}

http://codepen.io/anon/pen/daqej