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

Помогите плз c last-child

PT
На сайте с 10.04.2013
Offline
2
PutTheRadioOn
1886

Есть у меня менюшка из <ul> и <li> списков. Так вот мне надо чтобы в последнем элементе <li> не отображалась разделитель-картинка. Вопрос: почему не работает .menu li:last-child { }, в то время как к first-child все применяется как и положено. Хелп кто-нибудь. Вот код css относящийся к меню:

.menu {

background:#aa2ba4;

width:980px;

height:60px;

border-radius:15px 15px 0 0;

margin:auto;

padding:auto;

}

.menu ul{

padding:15px 0px 10px 5px}

.menu li {

background:url(razdelitel.jpg) right center no-repeat; padding:0px 10px 0px 10px;

list-style:none;

float:left;

overflow:hidden;

}

.menu li:last-child {

background:none;

}

.menu li a{color:#f6ecf6;

text-decoration:none;

font:24px Arial, Helvetica, sans-serif ;

}

.menu li a:hover{

text-decoration:underline;}

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#1

Попробуйте background-image: none;

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
[Удален]
#2

попробуйте , где 5 это номер элемента

.menu li:nth-child(5) {

background:none;

}

и еще добавте значение !important

PT
На сайте с 10.04.2013
Offline
2
PutTheRadioOn
#3

Ни то не другое не помогло) Что это может быть такое: баг или ошибка у меня где-то? Удивительно что с first-child работает.

[Удален]
#4

Наверное некроссбраузерное - тоже были глюки с такими селекторами.

почитайте тут http://htmlbook.ru/css/nth-child

PT
На сайте с 10.04.2013
Offline
2
PutTheRadioOn
#5
igor3333:
попробуйте , где 5 это номер элемента
.menu li:nth-child(5) {
background:none;
}

Поигрался я с номерами и вот что заметил. Вот так у меня работает
.menu li:nth-child(13) {
background:none;
}
Но как же так если у меня всего 7 элементов списка? Удаляются они с первого элемента с шагом +2.
Т.е 1-3-5-7-9-11-13. Проверил в индексе все, и не обнаружил других элементов <li> списка. Вот это интересно)

p.s igor3333 наставил на путь истинный. спс)
[Удален]
#6
PutTheRadioOn:
igor3333:
попробуйте , где 5 это номер элемента
.menu li:nth-child(5) {
background:none;
}

Поигрался я с номерами и вот что заметил. Вот так у меня работает
.menu li:nth-child(13) {
background:none;
}
Но как же так если у меня всего 7 элементов списка? Удаляются они с первого элемента с шагом +2.
Т.е 1-3-5-7-9-11-13. Проверил в индексе все, и не обнаружил других элементов <li> списка. Вот это интересно)

p.s igor3333 наставил на путь истинный. спс)

пожалуйста :)

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