Пунктирная линия в CSS

Используйте свойство !important

.None{border: none!important;}

<li class="None">ссылка</li>

Думаю, ТС хотел что-то типа

#menu li li:last { border:none; }

Но чтобы оно и в недобраузерах работало

#menu li li:last { border:none; }

есть last-child

и в недобраузере он работает только начиная с ie9

http://htmlbook.ru/css/last-child

да, точно

Кстати, first-child поддерживается в css2 http://htmlbook.ru/css/first-child

Значит можно рисовать бордюр сверху и усе должно работать

или что-то типа такого... ИЕ не достоин того, что бы из-за него страдала семмантика )

Так же ка и львиная доля пользователей юзающих IE 😂

Вы им так и пишите прямо на сайте: "Вы не достойны просматривать данный сайт, т.к. мне впадлу подстраиваться под ваш недобраузер"

Я бы не стал горбатого лепить и подключать кучу JS-библиотек, проще прописать класс для последнего элемента

можно задать overflow:hidden и отрицательным margin сдвинуть последнюю линию за границу. Некрасиво, но работает везде. А вообще конечно лучше задать класс последнему элементу.

nomads, ага, самый рабочий вариант без лишнего кода.

#menu li li { width:100%; margin: 0px; padding: 0px; border-top: 1px dashed #dfdfdf }
#menu li li:first-child {border: none!important;}

Псевдоклассы как раз для этого и придуманы.

Только не надо писать сейчас "А как же ie6?", потому что холивар и потому что надо пользователей пересаживать на новые браузеры.

только не :first-child, а :last-child

Ну дак пересадите, я только рад буду. А ещё давайте сисадминам по репе бить палкой, чтобы в крупных организациях ставили браузеры отличные от IE.