Как правильно задать псевдокласс :hover?

Question

[ton1_rose]

всем здрям! ребят помогите разобраться новичку, хочу сделать так, чтобы при наведении на картинку текст под ним менял цвет.
код такой

<div class="spacer">
<h2>
	<a href="<?php echo $caturl ?>" >	
		<div class="imaaage">// при наведении на этот блок текст класс text будет менять цвет
			   <?php
				if (!empty($category->images)) {
				echo $category->images[0]->displayMediaThumb("", false);
				}
				?>
		</div>
		<br />
<a  class="text" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">
<?php echo $category->category_name ?></a>// вот эту ссылку хочу покрасить
    		    
	</a>		
</h2>
</div>

вот примерно так, прошу помогите описать свойства imaaage в css -_o

Comments

[Вадим Тимошенко]

с помощью js?

Answer 1

[Роман]

.imaaage:hover~.text{
color: red;
}

Answer 2

[AngReload]

Селектора по родителю нет в css. Поэтому изменить свойство элемента расположенного выше элемента на который происходит наведение можно только с javascript

Comments

[ton1_rose]

хм, значит наверное такой код есть, как можно его найти? или сможешь помочь реализовать данный скрипт ?

[AngReload]

ton1_rose:
Посмотрите ответ Роман Роман
Я ошибся из-за форматирования кода.

Answer 3

[Иван]

Вообще конечно кошерно сделать обертку и отрабатывать hover по ней.

Answer 4

[ton1_rose]

всем спасибо за ответы!

.imaaage:hover~.text{
color: red;
}

помог без проблем, а вот с реализацией обертки не получилось =( думаю структуру если переделать мб заработает .. ну а пока и так сойдет )