Question

以下是我要转换的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游乐场网站，无法到达任何地方。我认为这只是一个嵌套问题，但它可能更明显。只是盯着同样的问题太久了。

Answer 1

你想＆＃39;＆amp ;:悬停$ overlay＆＃39;

试图在React中将CSS覆盖功能转换为JSS

1 个答案: