CSS table color hover doubt

#1 
td{
	background-color: #5AE2F1;
}

.outclr:hover{
	background-color: #C45FC9;
}

.stock:hover{
	background-color: #C45FC9;
}

In the above code outclr and stock are two classes of the table row .
I am using hover to change the color but it doesn’t seem to change can someone tell me where I’m wrong. This works when I remove background color of the data.

#2

Hi @2019ucs0072,

I am guessing your code is as below -

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<table >
<tr class="outclr">
<td>Hello row 1 </td>
</tr>

<tr class="stock">
    <td>Hello row 2 </td>
</tr>
</table>
</body>
<style type="text/css">
    td{
    background-color: #5AE2F1;
}
.outclr:hover{
    background-color: #C45FC9;
 
}
.stock:hover{
    background-color: #C45FC9;
 
}
</style>
</html>

The background color of the table row is changing but it is not visible because td has a fixed background color.
Instead in your case assign the class to the td.

<table>
<tr >
<td class="outclr">Hello row 1 </td>
</tr>

<tr >
    <td class="stock">Hello row 2 </td>
</tr>
</table>

Do let me know in case you need any other information.