Почему не работает hover?

Question

[del993788]

Здравствуйте. Тупой вопрос, но я знаю даже, что делать. Как сделать, чтобы при наводе на изображение, ссылка меняла свой цвет? https://jsfiddle.net/etya9yww/ "название" должны менять цвет при наведении мыши на изображение

Comments

[shevchenko_ch]

изображение не может менять свой цвет, но можно заменять исходное изображение на изображение с нужным цветом

[del993788]

shevchenko_ch: меня тостер не понял, что я хотел передать, поэтому вы меня тоже не поняли. сейчас исправил

[shevchenko_ch]

как вариант https://jsfiddle.net/etya9yww/1/

[del993788]

shevchenko_ch: предложили уже такое. оно не подходит, потому что у меня изображение будет уже, чем "название". Как-то некрасиво получится, когда я буду наводить на пустую область, а ссылка будет подсвечиваться

[shevchenko_ch]

тогда только js. и никак не "связаны", поэтому их свойства можно мен...

Answer 1

[Elwen]

.catshort:hover .acat a{
    color:#f68;
}

Comments

[del993788]

это мы блоку присваиваем, а как изображению присвоить?

[Elwen]

qqignatqq: При такой структуре html не получится. По средствам css вы можете влиять только на дочерние элементы или же следующие друг за другом. В ином случае понадобится js

[del993788]

ясно. спасибо.

[FMars]

Elwen: а как же https://css-tricks.com/parent-selectors-in-css/

[del993788]

Elwen: Кстати, про следующие друг за другом. https://jsfiddle.net/etya9yww/3/ . Тоже не работает, хотя a следует за img

[Elwen]

FMars: Вижу только обсуждения, предположения и пожелания. Где то затесался рабочий вариант?

[Elwen]

qqignatqq: .imgcat:hover .acat{} - это синтаксис наследования (то есть вы пытаетесь найти .acat вложенный в .imgcat).
А вам надо .imgcat:hover + .acat {} (то есть .acat, следующий за .imgcat на одном уровне)

Answer 2

[Узаир Ижа]

Если это обычная картинка, нужна такая же картинка с другим цветам. И задать hover с бекраундом картинки с другим цветом. Color не будет работать

Comments

[del993788]

да не. тексту ниже изменить цвет

[del993788]

"название" должны менять цвет при наведении мыши на изображение