[Solved] Hover div change p colours?

[duplex]

Hi

Can’t get my head around this,
I have a div that contains two both of which have a colour styled to them. I’d would like to when hovering have the div change both to have matching colours.

it seems so easy, but here it goes:

<style>
.section a:hover { color:green; }
p.title { color:black; }
p.desc { color:green; }
</style>

<a href="http://">
            <div class="section">       
                            <p class="desc">Publication</p>
                            <p class="title">2014</p>     
            </div>
</a>

What did I miss?

[Senff]

.section a:hover

This says that anchor links in .section should be green when hovered. But since there are no links in there nothing will happen. (There is a link WRAPPING .section though.)

I’m not really sure what you’re trying to do exactly though, so I can’t come up with a proper solution.

Is this what you meant? http://codepen.io/senff/pen/nDrlz

[duplex]

That’s exactly what I was looking for. Appreciate the help Senff.

[Author]

Posts