如何将这段styled-components风格的代码转换为普通CSS？

span:hover ~ div {
  transform: scale(1);
  opacity: 1;
}

简单说明 #

原嵌套写法里的&代表当前层级的选择器：

• 第一层&:hover等价于span:hover
• 内层的& ~ div等价于span:hover ~ div，意思是当<span>元素处于鼠标悬停状态时，它后面的相邻兄弟元素<div>会应用这些样式。

内容的提问来源于stack exchange，提问作者Piet