I'm trying to figure out why the background of classes 'b' aren't changing when hovering over class 'a', as in this question. How can I get this to work? I'd also like it to work with the a tag.
Thanks for any help!
.a {
width: 200px;
height: 200px;
background: orange;
}
.b {
background: lightgreen;
}
.a:hover + .b {
background: #ccc;
}<div class='a'>
<span class='b'>here</span>
<span class='b'><a href='http://www.google.com'>here</a></span>
</div>You are using the wrong selector, you should be using the direct child combinator or > instead since span's are inside the div:
.a {
width: 200px;
height: 200px;
background: orange;
}
.b {
background: lightgreen;
}
.a:hover > .b {
background: #ccc;
}<div class='a'>
<span class='b'>here</span>
<span class='b'><a href='http://www.google.com'>here</a></span>
</div>Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments