我有一个想要!important
在某些子元素上进行样式设置的组件。
有可能&&&
用来实现这一目标吗?
我已经尝试了以下方法,但是不起作用:
const StyledTitle = styled(Title)`
&&& span {
text-align: center;
font-weight: bold;
}
span &&& {
text-align: center;
font-weight: bold;
}
`
如果您尝试覆盖内联样式,则只需添加即可!important
。归结为CSS特异性-https: //www.w3schools.com/css/css_specificity.asp
内联样式具有很高的特异性得分,如果不使用,很难覆盖 !important
多种&
样式中的组件用于提高特定性,但是您必须滥用这一点才能推翻内联样式。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句