Usually, when I want to affect a children element by hovering a parent, I'm just doing something like this:
#parent:hover > .children {
/* ... */
}
But what if I want to affect the parent by hovering a child? I know I can achieve that by using JS, but I would like to know if there's a technique to do so via CSS/SCSS only.