Refer to child properties in pseudo selector

[AlphaGeek]

I have a styles object with nested properties. In my :hover on the parent, I want to change the styles on the child properties...is there a way to do that?

So something like this:

`const styles = {

resultItem: {
[...some styles go here],
symbol: { /* default style for symbol /
fontSize: '1.2rem'
},
name: { / default style for name /
fontSize: '1.4rem'
}
':hover': { / hover selector for resultItem parent /
symbol: { / change symbol style on hovering over parent (resultItem) /
fontSize: '1.4rem'
},
name: { / change name style too on hovering over parent (resultItem) */
fontSize: '1.6rem',
color: 'blue'
}
}
}
}`