@maxyc_webber
Web-программист

CSS3. Почему не срабатывает псевдокласс nth-child?

>ul:first-child{height: 265px;opacity:1;}
        >ul:nth-child(2){height: 130px;opacity:1;}
        >ul:nth-child(3){height: 130px;opacity:1;}
        >ul:nth-child(4){height: 0px;opacity:0;}
        >ul:nth-child(5){height: 0px;opacity:0;}


почему то все ul высотой 130px

методом тыка определил. если убрать 2 элемент. вообще меню не выпадает.
  • Вопрос задан
  • 5164 просмотра
Пригласить эксперта
Ответы на вопрос 3
IonDen
@IonDen
JavaScript developer. IonDen.com
Все прекрасно работает: jsfiddle.net/IonDen/1h6otjub

Вы не на то вешаете псевдокласс. Нужно на ul li:pseudo, а не на ul:pseudo
Ответ написан
EKCTPEMICT
@EKCTPEMICT
FrontEnd Developer
Правильный вариант кода, что заработает:

ul li:first-child{height: 265px;opacity:1;}
ul li:nth-child(2){height: 130px;opacity:1;}
ul li:nth-child(3){height: 130px;opacity:1;}
ul li:nth-child(4){height: 0px;opacity:0;}
ul li:nth-child(5){height: 0px;opacity:0;}
Ответ написан
Комментировать
RUSgrigoryev
@RUSgrigoryev
ССылку на пример кода дайте
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы