text on anchor changes when hover

Is it possible to change the content of an anchor when hovered? i have this sample fiddle
i want to change the about anchor to some like My bio when hovered. and something else also for the home. the content attribute doesn’t seem to work well with this.

HTML:

<ul>
    <li><a href="#">About</a></li>
    <li><a href="#">Home</a></li>
</ul>

CSS:

ul { list-style: none; }
ul li a:hover { color: red; content: 'Content'; }


Source: css

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.