Не работает nth-child. Как исправить?

Question

[nomadicguy]

Есть блок, в нем картинка и блок навигации с ссылками. Я хочу обратится к картинке, чтобы поменять ее местоположение, но мой код почему-то не работает.

<header>
                <img src="mogo_864.png" alt="#">
                <nav>
                    <a href="">about</a>
                    <a href="">service</a>
                    <a href="">work</a>
                    <a href="">blog</a>
                    <a href="">contact</a>

                    <a href="">  <img src="shopping_cart_871.png" alt="#">  </a>
                    <a href="">  <img src="magnifying_glass_872.png" alt="#">  </a>
                </nav>
            </header>

header{
    width: 1000px;
    height: 70px;
    border: 1px solid black;
    position: relative;
}
header :nth-child(1){
    position: relative;
    left: 362px;
    top: 28px;
}

Comments

[Николай Угольников]

Правильнее будет задать для img класс

Answer 1

[imko]

Все работает, селектор выберет картинку и правила будут приенены, правда еще и первую ссылку в nav выберет но это уже другой вопрос) Может ты хотел написать другие правила?

Comments

[nomadicguy]

у меня не работает, мне пришлось картинке class назначать и через него позиционировать; так и не понял проблемы.

а по поводу того, что ссылка первая тоже выберется - я с похожи встречался иногда.
как это исправляется?

[imko]

nomadicguy, другим селектором