Question

I have a div that I want to be clickable, so I’ve wrapped an “a” tag around it, as it is valid HTML 5 and made the div a block level element.

Now, the problem I’m having is styling content inside that div, as everything displays as a link, and despite trying numerous methods I haven’t found a good solution for custom styling everything inside the div.

A reduced test sample can be viewed here:

http://codepen.io/anon/pen/aencq

So, my question is basically, what’s the best way of styling elements such as h2 and p that are inside a block level div, that is wrapped with an a:link.

Answer 1

All you need here is:

a { color:black; text-decoration:none; }

Sometimes you’ll want to get more specific and then you can be like:

a h2 { color:red; }