Is there a way to make both the button and the link light up simultaneously when hovering over the div element, instead of just the button lighting up first?
<div id="b1"; class = b>
<a href="test.html">BUY</a>
</div>
<div id="b2"; class = b>
<a href="test.html">BUY</a>
</div>
<div id="b3"; class = b>
<a href="test.html">BUY</a>
</div>
a:visited{
color: white
}
a:hover:visited{
color: rgb(180, 179, 179);
}
a:link{
color: white;
background-color: rgb(180, 179, 179);
}
a:hover{
color: rgb(180, 179, 179);
background-color: white
}
div.b{
color: white;
background-color: rgb(180, 179, 179);
}
div.b:hover{
color: rgb(180, 179, 179);
background-color: white
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
I have tried various approaches but haven't found a solution yet.