Как сделать чтобы при наведении мышью на слово (HOVER EFFECT) цвет меняла только одна буква?И при наведении мышью на картинку на ней появлялся текст?

Question

[ilya granovskyy]

НАПРИМЕР В СЛОВЕ БИБЛИОТЕКА ЧТОБЫ ПРИ НАВЕДЕНИИ НА СЛОВО БУКВА "O" ПОМЕНЯЛА СВОЙ ЦВЕТ?

Answer 1

[Gary_Ihar]

Буквы:

.dictionary:hover .letter {
color: red;
}

Текст на картинке:

.img:hover .text { 
display: block;
}

Comments

[Ankhena]

img:hover .text

Такой селектор невозможен.

[Gary_Ihar]

Ankhena, сорян, точку забыл, поправил

[Ankhena]

Gary_Ihar, какую точку?
Там либо + либо ~

[Gary_Ihar]

Ankhena, точку.

[Ankhena]

Gary_Ihar, если точку, то нужно прилагать разметку, из которой спрашивающий поймет, что .img это обертка для картинки и текста, а не сама картинка.

[Gary_Ihar]

Ankhena, понял

<div class="img">
 <img src="" alt="картинка">
 <div class="text">
  Lorem ipsum...
 </div>
</div>

Answer 2

[0xD34F]

https://jsfiddle.net/svka2byw/
https://jsfiddle.net/svka2byw/1

Comments

[ilya granovskyy]

Спасибо помогло!