How to change the appearance of another class when hovering on an img?
<p>I’m currently trying to build my website with only a basic knowledge of HTML / CSS.</p>

<p><a href="http://www.ufo.studio" rel="nofollow">http://www.ufo.studio</a></p>

<p>I’m trying to set up the CSS so that when the user hovers over the main case study images on the home page the  and  display with an underline.</p>

<p>Here is a section of the HTML for one block on the home page:</p>

<p>—</p>

<pre><code>&lt;div class="asos_content"&gt;
&lt;a href="/projects/asos_creates.html"&gt;  
       &lt;img src="img/home/ASOS_home.gif" class ="wow animated fadeInUp imgroll"&gt;

           &lt;title class="wow animated fadeIn"&gt;ASOS Agency Brand Identity&lt;/title&gt;

          &lt;tags class="wow animated fadeIn"&gt;Strategy, Art Direction &amp; Design&lt;/tags&gt;
&lt;/a&gt;
&lt;/div class="asos_content"&gt;
</code></pre>

<p>—</p>

<p>Ideally if the user hovers over the img then the underlines will appear under the title and tag at the same time too.</p>

<p>Is this possible using CSS? Any help greatly appreciated..</p>

<p>thanks so much.
Ben</p>