Css 无法覆盖“故事书预览”面板？

我找到了一种覆盖

.sb show main

的方法，方法是使用

故事书.scss

，如下所示

/.storybook/storybook.scss
向某人展示{
背景颜色：绿色；
填充：16px；
利润率：20px；
}

然后只需将其导入

.storybook/preview.js

导入“/storybook.scss”； 我面临的问题是，我无法理解，

背景色：绿色确实有效果，但是
填充
&
边距
似乎被忽略了。想知道是否有人修改过sb show main

填充的默认值是
1rem
，我想改为
20px

您试图覆盖的样式可能正在使用css！重要的指令，或者在元素的目标方面可能更具体。我总是先尝试具体一点，否则我会使用
！重要信息
作为最后手段


.container header ul li p{
颜色：蓝色；
}
//覆盖样式
p{/*这行不通，因为它不像原来的规则那么具体*/
颜色：黄色；
}
.container header h1 ul li p{/*请先尝试此操作*/
颜色：紫色；
}
p{/*否则使用！作为最后手段*/
颜色：橙色！重要；
}

标志

一个

两个

三


你试过使用吗！强制执行规则很重要吗？@Bjorn.B:确实解决了我的问题，非常感谢！很高兴它有帮助！我会加上它作为一个答案，以防人们来寻找答案。