Следующий CSS работает в Firefox, IE9 и веб-браузере Gnome.
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
Любая помощь будет оценена по достоинству.
