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.


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


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.