这是我使用的组件-https: //github.com/effectussoftware/react-custom-roulette/。我看到它限制了轮盘赌的大小-
export const RouletteContainer = styled.div`
width: 80vw;
max-width: 445px;
height: 80vw;
max-height: 445px;
`;
我试图在App.css中覆盖它-
div .wheel { // also tried .RouletteContainer, .wheel
max-width: 700px;
max-height: 700px;
}
但这没有帮助。
尝试
.wheel > div:first-child {
max-width: 700px;
max-height: 700px;
}
据我所知,样式适用于div
的孩子.wheel
?如果以正确的节点为目标,但特异性不足以覆盖其样式,则可能必须将其标记为!important
:first-child
也是我猜测该节点将始终是第一个div,您可以根据其DOM节点结构实际是什么来更新它
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句