Как сделать эффект при наведении на картинку-ссылку с описанием?

Question

[Александр]

Здравствуйте, у меня есть вопрос начинающего. Вот кусок HTML кода:

<div id="container">
        <div id="left"><a href="#"><img src="" alt=""><span class="texthover">Какой-то текст</span></a></div>
</div>

В div-e с id "left" помещена ссылка, в которую помещена картинка и какой-то текст в теге span.

Нужно сделать так, чтобы при наведении на ссылку (то есть картинку либо текст под ней) менялся, допустим, цвет текста в span, а также картинка, к примеру, затемнялась.

Я пробовал вот так:

#container > div > a:hover
{
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a > img:hover
{
    opacity: 1;
}

Текст меняет цвет, а вот картинка не меняется. Помогите исправить, пожалуйста.

Answer 1

[Дмитрий Марков]

#container > div > a:hover > span {
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a:hover > img {
    opacity: 1;
}