Форум русской поддержки Joomla!® CMS
10.12.2016, 14:52:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 356 раз)
0 Пользователей и 1 Гость смотрят эту тему.
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« : 20.06.2015, 17:09:17 »

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

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

Репутация: +136/-6
Offline Offline

Сообщений: 1251


« Ответ #1 : 20.06.2015, 18:32:17 »

#menu li + li:before { ...}
Записан
darkghost
Практически профи
*******

Репутация: +75/-0
Offline Offline

Сообщений: 1811



« Ответ #2 : 22.06.2015, 15:38:09 »

если использовать для первого использовать -- first-child ?
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 22.06.2015, 16:25:45 »

#menu li + li:before { ...}

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

Код
#menu li + li:before,
#menu li + li + li:before,
#menu li + li + li + li:before,
#menu li + li + li + li + li:before {
/*и таких строк на колличество пунктов.*/
}

Так проще:

Код
#menu li:not(:first-child) {}
Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1251


« Ответ #4 : 22.06.2015, 18:10:56 »

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

неа, будет работать Azn
Применяется ко всем элементам, перед которыми есть сосед, кроме первого, у которого его нету ..
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #5 : 22.06.2015, 18:13:20 »

Может быть. Надо будет проверить. Значит два решения есть.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet