Не работает hover?

Question

[San Taganeiro]

<div class="car">
    <img class="car1" src="car.jpg">
    <img class="car2" src="car2.jpg">
  </div>

img.car2:hover + img.car1 {
      display: none;
  }

Где ошибка в css? нужно при наведении на картинку (car2) стили применяются к img.car1

Comments

[SagePtr]

img.car2:hover + img.car1 означает, что img.car1 должен следовать после img.car2:hover. У вас же он следует до.

[San Taganeiro]

SagePtr, спасибо за ответ

Answer 1

[Алексей Скляров]

Применять так можно только для родителя, для соседей нельзя. Используйте JS

Comments

[fl3nkey]

Можно, но только для соседа впереди.

[San Taganeiro]

fl3nkey, спасибо за ответ

[Алексей Скляров]

fl3nkey, да, запамятовал