Gostaria de saber como posso fazer com que o evento :hover em um elemento faça efeito em outro... Tenho o seguinte código:
<ul>
<a href="#">
<li>
<div id="search-image"><img src="images/image.jpg"/></div>
<h1>Título</h1>
<div id="search-bottom">
<p class="price"><b>R$</b> XXX</p>
<p class="deal">Texto</p>
<p class="date">xx/xx/xx</p>
</div>
</li>
</a>
</ul>
Gostaria de colocar uma borda e mudar a cor do título h1
ao ter o efeito hover no elemento <li>
.