css - 在React中尝试将CS​​S覆盖功能转换为JSS

这是我要转换的CSS：

    .container {
  some CSS in here - figured that out
}



.overlay {
  some CSS i can convert - not sure on below line
  transition: .5s ease;
}

这是我最努力的CSS

.container:hover .overlay {
  height: 100%;
}

这是我的JSS-在悬停效果上不起作用：

  container: {
    position: 'relative',
    width: '100%',
    '&:hover, &:overlay': {
      height: '100%',
      border: 'solid red'
    }
  },
  overlay: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    right: 0,
    backgroundColor: '#008CBA',
    overflow: 'hidden',
    width: '100%',
    height: 0,
    transition: ['.5s', 'ease']
  },

我不知道如何转换.container：hover .overlay部分？我在JSS游乐场站点上搜索，但无法到达任何地方。我以为这只是一个嵌套的问题，但可能更明显。盯着同一个问题太久了。

最佳答案

您想要'＆：hover $ overlay'

关于css - 在React中尝试将CS​​S覆盖功能转换为JSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47559385/