[英]How to change visibility of another class when hovering using jss
我正在尝试材料 ui 反应
这是我的 scss(将鼠标悬停在 .content 上,并且 .replyBtn 获得可见性:可见):
.content {
&:hover {
.replyBtn {
visibility: visible
}
}
}
.replyBtn {
visibility: hidden;
}
JSS:怎么样?
const useStyles = makeStyles(theme => ({
content: {
'&:hover': {
// how to change reply btn visibility?
}
},
replyBtn: {
visibility: hidden
}
}));
谢谢
content: {
'&:hover $replyBtn': {
visibilty: 'visible'
}
},
replyBtn: {
visibility: 'hidden'
}
你应该看到这个: https : //pantaley.com/blog/Start-your-JSS-journey-with-the-selectors-cheat-sheet/
在这个例子中,replyBtn 是 css-class:
const useStyles = createUseStyles({
replyBtn: {
"&:hover": {
visibility: "hidden"
}
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.