大佬教程收集整理的这篇文章主要介绍了css – Styled-Components：指定父项悬停时子项的样式，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
没有样式组件
<div id="container">
<div id="kid"></div>
</div>
#container {
width: 100px;
height: 100px;
}
#kid {
width: 20px;
height: 20px;
}
#container:hover #kid{
background: green;
}
使用样式组件
const Container = styled.div`
width: 100px;
height: 100px;
`;
const Kid = styled.div`
width: 20px;
height: 20px;
`;
<Container>
<Kid />
</Container
如何在上一个示例中的悬停行为上实现相同的功能？
const Container = styled.div`
&:hover ${Kid} {
display: none;
}
`
有关更多信息,请参见the documentation！
以上是大佬教程为你收集整理的css – Styled-Components：指定父项悬停时子项的样式全部内容，希望文章能够帮你解决css – Styled-Components：指定父项悬停时子项的样式所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。