кнопка меню - прямоугольник под наклоном

[Nailya]

Добрый день.

 

У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom

 

Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке

 

[Xenia Wanger]

Я думаю это можно сделать через li:last-child

[Nailya]

мне не полностью наклон надо отменить у последнего пункта, а только правую часть сделать прямоугольной

[webmax7]

https://dl.dropboxusercontent.com/u/15995074/fl_work/and/diadex_reliz/product.html - сбоку вкладки, возможно устроит вас такой способ

[Sensei]

Так подойдет? http://jsfiddle.net/WA433/

[Nailya]

всем, спасибо, я решила задачку: отменила наклон для последнего пункта меню, сделала ему padding-left подлиннее, он заехал под предпоследний пункт меню,

 

и вот он уже выглядит слева косым, за счет предыдущего пункта меню, который под наклоном, а чтобы был эффект разделения, поставила предпоследнему пункту меню border-right