I want the rows in a table other than the heading row to have an opacity of 0.6 and when I hover over it I want the opacity to change to 1. However, when I use the following code the hovering style doesn't work. If I apply 0.6 opacity to all the rows and columns of a table then the hovering style works. Why is this?
tr td {
opacity: 0.6;
}
tr:hover {
opacity: 1;
}