所以我正在使用 sass/scss 并且我需要在其父组件悬停时更改组件的样式。
<Card className="choose-profile-card"
onClick={() => this.handleChangeCardSelection('investor')}>
<div className="btn-flat--within" />
</Card>
我的意思是做这样的事情:
.choose-profile-card {
&:hover {
box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.1);
.btn-flat--within {
background-color: red;
}
}
}
明白了吗?就是这个想法,当.choose-profile-card
悬停时,我需要更改.btn-flat--within
的样式,有没有办法做到这一点?
最佳答案
它应该按原样工作。问题可能是因为 <div className="btn-flat--within" />
里面没有内容。尝试 <div className="btn-flat--within" >some text</div>
或向 btn-flat--within
添加高度类
jsfiddle:https://jsfiddle.net/f1uz0sah/
关于javascript - 如何在其父项悬停时更改组件的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55580471/