Новости Joomla

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

Ferrian

  • Новичок
  • 3
  • 0 / 0
Здравствуйте. Есть задача - подобрать селектор для всех li, потомков ul, кроме последнего. С псевдоклассами типа ":last-child" знаком, и пробую скомбинировать его с псевдоклассом ":not". Но примеров в сети не нашёл. Подскажете правильный вариант?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Псевдоклассы ":not" и ":last-child"
« Ответ #1 : 11.09.2013, 15:30:10 »
Так для ul li и назначайте, а для ul li:last-child отменяйте...
Создание сайтов, шаблонов, помощь в решении проблем.
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Псевдоклассы ":not" и ":last-child"
« Ответ #2 : 11.09.2013, 15:38:23 »
Код: css
li+li:before {content: ' | ';}
Код: css
li:not(:last-of-type):after {content: " | ";}
Код: javascript
<script type="text/javascript">
  $(document).ready(function () {
      $("li:not(:last)").append(" | ");
    });
</script>

Если | надо | сделать | меню | с черточками, | кроме | последней.

UPD: Это 3 разных варианта.
« Последнее редактирование: 11.09.2013, 15:42:07 от Pazys »
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Псевдоклассы ":not" и ":last-child"
« Ответ #3 : 11.09.2013, 15:47:51 »
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Ferrian

  • Новичок
  • 3
  • 0 / 0
Re: Псевдоклассы ":not" и ":last-child"
« Ответ #4 : 11.09.2013, 15:57:33 »
Код: css
li+li:before {content: ' | ';}
Код: css
li:not(:last-of-type):after {content: " | ";}
Код: javascript
<script type="text/javascript">
  $(document).ready(function () {
      $("li:not(:last)").append(" | ");
    });
</script>

Если | надо | сделать | меню | с черточками, | кроме | последней.

UPD: Это 3 разных варианта.

Большое спасибо, второй вариант - точь-в-точь, что я искал. Но то ли даже не пробовал (смущали примеры с "not:(type="submit")"), то ли что-то писал не так.

Насчёт разделителей Вы угадали совершенно верно. Отдельно благодарю за скорость ответа.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как last-child отобразить первым?

Автор master-smeta

Ответов: 5
Просмотров: 1152
Последний ответ 20.12.2019, 15:32:44
от beliyadm
Псевдоклассы a.active + a.hover

Автор wd

Ответов: 1
Просмотров: 2400
Последний ответ 07.12.2011, 20:40:00
от fbr