Как прописать :nth?

Question

[Игорь]

welovepavel.esy.es/1/

.mc_item_wrap_us:nth(0) {
    content: "";
   
    position: absolute;
    margin: -42px 132px;
    border: 20px solid transparent; border-bottom: 16px solid #353535;
    background-color: yellow;
}

.mc_item_wrap_us:nth(1){
        content: "";
 position: absolute;
    margin: -42px 499px;
    border: 20px solid transparent; border-bottom: 16px solid #353535;
    background-color: red;
}

.mc_item_wrap_us:nth(2){
        content: "";
 position: absolute;
    margin: -42px 315px;
    border: 20px solid transparent; border-bottom: 16px solid #353535;
    background-color: green;
}

должно же работать,но не работает.

Почему?

Спасибо!

Comments

[nirvimel]

А что не работает?

[Игорь]

nirvimel: должны посредство nth треугольники маленькие появляться,но я как то не правильно прописную...

[tef]

Игорь: :before или :after не мешало бы добавить

[nirvimel]

Какие треугольники? Где появляться?
Давайте весь код + нормальное описание чего хотите и что не так.

[Игорь]

nirvimel: ссылка на сайт есть,вбейте туда селектор .mc_item_wrap_us он то с nth должен треугольники отображать

[Игорь]

prntscr.com/8zr2d8

Answer 1

[Ivanq]

Не :nth, а :nth-of-type

Comments

[Игорь]

не работает

[Ivanq]

Игорь: Значит, в коде ошибка.

[Игорь]

prntscr.com/8zqyq6

nth-of-type

Answer 2

[Дмитрий]

jsfiddle.net/soledar10/93z0yup5
jsfiddle.net/soledar10/4ckb8jh7

Comments

[Игорь]

nth-of-type
и child тоже не работают

[Дмитрий]

значит, это проблема не с nth-of-type

[Дмитрий]

вот пример с треугольниками jsfiddle.net/soledar10/zkx2a0t9

[Игорь]

Дмитрий: ок,а у меня чо не пашет?

[Игорь]

prntscr.com/8zr2d8

Answer 3

[tef]

nth-child(2)

Answer 4

[Василь Бойко]

:nth-hild
+ возможно такое, что Вы используете ещё псевдоселекторы - after, before

Answer 5

[Andrey Chursin]

Учите мат.часть (Дмитрий Потапенко ©)
htmlbook.ru/css/nth-of-type