Перейти к содержимому



Стили навигации

#1 Hotrey
Hotrey
  • Неактивные
  • 17 сообщений
  • Репутация: 1
0

Отправлено 31 октября 2013 - 18:28

Доброго времени суток всем.
столкнулся сегодня с проблемой. у меня есть горизонтальное меню с 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

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

 

 

  • 0

#2 matroskin8
matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 31 октября 2013 - 18:38

Здравствуйте.
Можно без дополнительного класса попробовать убрать рамку:
.navigation ul li:last-child{
border-right: none;
}
Почему не работает ваш вариант? Это связано с приоритетом правил. Скорее всего, так должен заработать вариант с классом для последнего элемента:
.navigation ul li.last{
border-right: none;
}

  • 0


#3 Hotrey
Hotrey
    Topic Starter
  • Неактивные
  • 17 сообщений
  • Репутация: 1

Отправлено 31 октября 2013 - 18:49

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

#4 matroskin8
matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 31 октября 2013 - 18:56

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


#5 Hotrey
Hotrey
    Topic Starter
  • Неактивные
  • 17 сообщений
  • Репутация: 1

Отправлено 31 октября 2013 - 18:59

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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография Totti
    #3

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография SergiuS85
    #5

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Sale_account
    #6

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Zevss
    #7

    Zevss (domles43.ru)
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография kuztoday
    #8

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография mkreine
    #10

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru