Псевдоэлемент :before

  • 5 Ответов
  • 488 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн kik84

Псевдоэлемент :before
« : 20.06.2015, 18:09:17 »
Нужен совет, не получается нагуглить)
Например, в верхнем меню пункты отделены друг от друга символом |
Для этого в CSS прописываю
#menu li:before {
  content: "|";
  left: -10px;
}
а, для того, чтобы первый пункт не имел этого знака т.к. портит дизайн http://joxi.ru/v29NBaxhnd6KAG делаю так:
#menu li.item-95:before {
display: none;
}

Но, неоднократно замечал, что в клубных шаблонах такого нет т.к. там уже в коде соответствующий пункт меню просто не имеет псевдоэлемента :before
Как этого добиться?

*

Оффлайн fbr

Re: Псевдоэлемент :before
« Ответ #1 : 20.06.2015, 19:32:17 »
#menu li + li:before { ...}

*

Оффлайн darkghost

Re: Псевдоэлемент :before
« Ответ #2 : 22.06.2015, 16:38:09 »
если использовать для первого использовать -- first-child ?

*

Оффлайн Shustry

  • *****
  • 6707
  • [+]736 / [-]3
  • Пол: Мужской
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Re: Псевдоэлемент :before
« Ответ #3 : 22.06.2015, 17:25:45 »
#menu li + li:before { ...}

Идея хорошая, но работать не будет, т.к. применится только к непосредственному соседу. Если доработать, то так:

Код: (css) [Выделить]
#menu li + li:before,
#menu li + li + li:before,
#menu li + li + li + li:before,
#menu li + li + li + li + li:before {
/*и таких строк на колличество пунктов.*/
}

Так проще:

Код: (css) [Выделить]
#menu li:not(:first-child) {…}
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Оффлайн fbr

Re: Псевдоэлемент :before
« Ответ #4 : 22.06.2015, 19:10:56 »
Идея хорошая, но работать не будет, т.к. применится только к непосредственному соседу.
...

неа, будет работать :)
Применяется ко всем элементам, перед которыми есть сосед, кроме первого, у которого его нету ..

*

Оффлайн Shustry

  • *****
  • 6707
  • [+]736 / [-]3
  • Пол: Мужской
  • Рисую дизайны
    • Просмотр профиля
    • Примеры работ
Re: Псевдоэлемент :before
« Ответ #5 : 22.06.2015, 19:13:20 »
Может быть. Надо будет проверить. Значит два решения есть.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!