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

Question

[Максим Гречушников]

>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 элемент. вообще меню не выпадает.

Answer 1

[Денис Инешин]

Все прекрасно работает: jsfiddle.net/IonDen/1h6otjub

Вы не на то вешаете псевдокласс. Нужно на ul li:pseudo, а не на ul:pseudo

Comments

[Максим Гречушников]

да так и было.
спс

Answer 2

[Борис Манжела]

Правильный вариант кода, что заработает:

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;}

Answer 3

[RUSgrigoryev]

ССылку на пример кода дайте

Comments

[Максим Гречушников]

пардоньте. поспать пора. разобралса.