css - 谷歌浏览器和第 nth-last-child

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 中“检查元素”，它会导致倒数第二个列表元素恢复为默认宽度(30%，由 .col 类设置)。

这是我为您轻松测试而设置的 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