[Solved] discrepencies with a:hover and my CSS code

[GroovyMotion]

For some reason one of my hover link code doesn’t work the same way as my other classes. For example, I have div.column a:hover with a color defined, this works fine. Just below I have a div.column .ReadMore and it’s attributes works fine but if I add a:hover it doesn’t change to the color defined. I have to a.ReadMore:hover I am a bit confused as this is the opposite of all my other hover settings!

Here is my code: http://codepen.io/GroovyMotion/pen/cbjpE

Thanks in advance!

[GroovyMotion]

Hmmm…I tried to do <h3 class="ReadSomeMore"> and then div.column .ReadSomeMore a:hover but it gives this now: http://codepen.io/GroovyMotion/pen/cbjpE

Example on the 4th column Read More

[GroovyMotion]

Thanks a lot jurotek, it makes a lot of sense! :)

[GroovyMotion]

It’s interesting to see that the following both works:
div.column a:hover.ReadMore div.column a.ReadMore:hover

[Author]

Posts