I have <td>
and inside this also have <a>
.
eg.
<td>
<a>test</a>
</td>
<td>
</td>
At first <td>
only have <a>
. Rest don't have <a>
. My requirement is I want to highlight <td>
tag when hovering that exist <a>
.
So Only first td will change highlight when hover.
My Code=>
td{
$this:&;
&:hover {
a {
#{$this} & {
background-color: blue;
}
}
}
}
but this code is not working. What Am I missing?