Time tracking dashboard with Grid

Solution retrospective
The active states for this challenge show that hovering/focusing on the container should change the container's background color, but that hovering/focusing on an ellipsis image should not. In the case of keyboard navigation, css was able to achieve this. But I could not find a css solution for getting the same effect when hovering with the mouse.
Does anyone know if there is a way to get the (lack of) hover effect of a parent element with css? Or is this something I would have to do in JS?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @savvystrider
You can use the
:not()
CSS pseudo selector. It would work something like this:.container:hover:not(.icon) {...};
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord