Hover tag not running

I have written the code as told in the video but that function is not working in my website.

@tatimetivaibhavi pls share the code so that I can help you

share the code or screenshot so that we can solve it together

HTML

 <table width="100%">
<tr>
    <td width="90%"></td>
    <td><a href="#" id="logout"><strong>Logout</strong></a></td>
 </tr>
</table>

CSS

@charset "utf-8";
/* CSS Document */

#logout {
color:#BBB;
}

a:hover {
color:#FFF;
}

@chethankumaram5627

You can change the code like this:

@charset "utf-8";
/* CSS Document */

#logout {
    color:#BBB;
}

#logout:hover {
    color:#FFF;
}

It is strange seeing why the error occurred, but I think that in the original code, the a:hover code must be interfering in the process of rendering colour into #logout.