Refer to child properties in pseudo selector

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' } } } }`