[X] Помощник

[Hotrey Topic Starter]

Доброго времени суток всем.
столкнулся сегодня с проблемой. у меня есть горизонтальное меню с 5 элементами, у первых 4 элементов я выставил рамку 3px, в последнем элементе этой рамки быть не должно, но она никак не хочет убираться

рамку задавал через css

.navigation ul li {
border-right: 3px solid #fff
}

для последнего элемента прописал класс last

.last {
border-right: none;
}

рамка не убирается, firebug показывает что классу ласт присвоен стиль, но он зачеркнут

если прописывать стиль в html <li style="border-right: 3px solid #fff"></li>, то это срабатывает, но мне такой вариант не подходит, потому что верстаю под modx и вывожу меню через wayfinder

помогите разобраться с этой рамкой

[matroskin8]

Здравствуйте.
Можно без дополнительного класса попробовать убрать рамку:

.navigation ul li:last-child{
border-right: none;
}

Почему не работает ваш вариант? Это связано с приоритетом правил. Скорее всего, так должен заработать вариант с классом для последнего элемента:

.navigation ul li.last{
border-right: none;
}

[Hotrey Topic Starter]

Спасибо большое. Сделал так как вы написали во втором варианте и все получилось)

[matroskin8]

Пожалуйста.
Хотя я бы выбрал все же первый вариант, поскольку он более универсален... в меню ведь всегда может добавиться новый пункт и тогда нужно будет переназначать класс last... а с первым вариантом этого делать не придется, поскольку стиль всегда будет применен для последнего элемента.

[Hotrey Topic Starter]

для модэкс в принципе второй тоже подходит, так как он автоматически присваивает последнему элементу меню класс .last, но первый вариант возьму на заметку
спасибо еще раз

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.