<分区>
<分区>
预期:Title 的 palevioletred
颜色,TitleWithoutColor 的红色(触发主题样式)
得到:到处都是红色
原因:导致这种情况的规则如下:p.column { text-align: right; }
可以被 body p.column { text-align: left; 覆盖
,让它更具体
问题:如何写主题,让组件的样式有更高的优先级?
最佳答案
react
<div id = "random_component"></div>
CSS
#random_component {
color: #0000 !important ;
}
有时,reactjs 样式不被认为比您可能使用的框架更具体。这是因为大多数框架的样式都是用 Css 编码的。要解决此问题,请使用 Css 通过定义 className
或 id
来覆盖当前框架。此外,您可以添加“!important
”命令以确保否决所有其他级别的特异性。
关于css - styled-components:主题中的样式覆盖组件样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45628743/