我正在尝试 JSS,看看迁移 Sass 代码库是否现实。我有一个非常基本的 CSS 样式示例,当鼠标悬停时,它会修改子节点的样式。
span {
color: red;
}
button:hover span {
color: blue;
}
<button>
<span>Click Me</span>
</button>
我不确定如何在 JSS 中写这个。我尝试过的东西看起来像:
const styles = {
button: {
'&:hover': {
span: {
color: 'blue',
}
}
},
span: {
color: 'red',
}
}
const { classes } = jss.createStyleSheet(styles).attach()
document.body.innerHTML = `
<button class=${classes.button}>
<span class=${classes.span}>Click Here</span>
</button>
`
Thanks!
您是否尝试过这样做:
const styles = {
button: {
'&:hover span': {
color: 'blue',
}
},
span: {
color: 'red',
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)