CSS в чем проблема с :hover?

Question

[eSelf]

Есть такой код html:

<div id="DIV_1">
	<img src="block2_img.png" id="IMG_1" />	
	<div id="DIV_2">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	</div>
</div>

И CSS:

#DIV_2 {
    display: none;
}
#IMG_1:hover + #DIV_2{
    display:block;
}

Почему при наведении курсора на изображение, блок #DIV_2 не появляется?

Comments

[zooks]

Есть общие замечания по оформлению: не используй идентификаторы - только классы. И не записывай капслоком с прочерками - только строчные и дефисы.

[Евгений Петров]

zooks: Про id понятно, а чем _ не угодил? В имени могут быть практически любые символы. И даже в старые времена _ было верным символом.

[zooks]

Евгений Петров: Строчные буквы - стандарт. Понятно, что можно писать даже myClassName. Дефис заменяет пробел - это очень удобно и дает лучшую читаемость. А прочерки оставим любителям БЭМ. hsto.org/files/c61/1c4/4bf/c611c44bff604cc986d7549... На данном скриншоте видно, что через прочерки пишет только богомерзский Вконтакт.

[Евгений Петров]

zooks: Есть стандарты, которые позволяют применять практически любые символы в именах. Не следует навязывать свой стиль форматирования на основе того, что кто-то так не делает.

[Евгений Петров]

zooks: И про идентификаторы тоже мозоль натёрта — можно и нужно использовать в соответствующих ситуациях. Что за прокрустово ложе придумали такое? Обычно я это слышу от фанатов «Нужно отказаться от каскада».

[zooks]

Евгений Петров: правильно, а табуляция в ЯП - для козлов, навязывающих свои стандарты.

[Евгений Петров]

zooks: Не понимаю сарказм про табуляцию. Можно пояснить?

[Евгений Петров]

zooks: Скажите, вот Google для вас авторитет? Используются id в стилях, а в именах id применяется _. Они тоже неправы?

[zooks]

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

[Евгений Петров]

zooks: Ну, значит в Google работают не такие профессионалы, как вы, раз не следуют таким дельным советам. Или там всё делают в одиночку, без команды?

Answer 1

[Евгений Петров]

Если у вас есть другие элементы между картинкой и блоком, то нужен General sibling combinator.
el1 ~ el2 {...}

Answer 2

[kn1ght_t]

у меня все работает jsfiddle.net/4ojjb0e1

чтобы селектор + работал, между тегами не должно быть других тегов, то есть они должны быть соседними

Answer 3

[Archakov Dennis]

Убери плюс

Comments

[eSelf]

Убрал, все равно не работает.