我尝试::after使用样式组件悬停我的元素,但它不起作用。
下面我粘贴了我的代码,我希望它可以正常工作,但事实并非如此。
const Div = styled.div`
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
postition:relative;
&::after{
content: '';
background:rgba(255, 193, 5, 1);
position:absolute;
top:60%;
left:-15%;
width:20vw;
height:20vw;
border-radius:50%;
&:hover{
transform: scale(1.2);
}
}
`
Run Code Online (Sandbox Code Playgroud)