how can i hide elements on a html page until a user hovers over it using CSS?

Question

i wanted to hide a link until a user hovers across it and then show it, if you get what i mean?

Answer 1

CSS visibility did not work, but this does:

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

a:hover
{
    color: black;
}

Answer 2

HTML:

<div class="hidden"><a href="blah">I can't see this</a></div>

CSS:

    .hidden 
    {
        width:100px;
        height:100px;
        border:1px solid black;
    }
    .hidden a{
        display: none;
    }
    .hidden:hover a{
        display:block;
    }

But, it is not very 'accessible'

EDITED after doing a test.