Форум Сайтостроение Веб-строительство

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

12
ЗахарOFF
На сайте с 25.05.2008
Offline
182
ЗахарOFF
11727

Вопрос в следующем: я использую на сайте вот этот код (часть) в CSS 

#menu li li { width:100%; margin: 0px; padding: 0px; border-bottom: 1px dashed #dfdfdf }

Он дает следующее: в выпадающем меню, под каждым пунктом идет пунктирная линия, которая отделяет рубрики. Минус состоит в том. что после последней рубрики также находится пунктирная линия, которая там "мешает".

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

https://player.zone & https://firefly.zone
[Удален]
#1

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




.None{border: none!important;}

<li class="None">ссылка</li>
М
На сайте с 08.02.2006
Offline
59
Магнат
#2
Используйте свойство !important

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

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

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

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#3
Магнат:
Думаю, ТС хотел что-то типа 
#menu li li:last { border:none; }

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

есть last-child

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

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

https://adminbook.ru/
М
На сайте с 08.02.2006
Offline
59
Магнат
#4
есть last-child

да, точно

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

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

R5
На сайте с 22.03.2010
Offline
24
RFC2505
#5
Алексей Барыкин:
и в недобраузере он работает только начиная с ie9

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

dma84
На сайте с 21.04.2009
Offline
168
dma84
#6
RFC2505:
ИЕ не достоин того, что бы из-за него страдала семмантика )

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

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

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

Яндекс.Недвижимость группирует объявления и Пользователи стали реже посещать Приложение Google Photos получило
[Удален]
#7
ЗахарOFF:
Как сделать так, чтобы пунктирной линии в последнем разделе меню не было?

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

Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
Руслан Исмаилов
#8

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

maldivec
На сайте с 04.11.2008
Offline
160
maldivec
#9 


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

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


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

dma84
На сайте с 21.04.2009
Offline
168
dma84
#10

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

maldivec:

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

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

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий