Javascript 重写react datepicker popper className的样式

我试图覆盖react datepicker popper的页边空白顶部样式：

.react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;

因此，在我的main.scss文件中，我正在编写

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: -10px !important;
}

---

但它似乎不起作用。你知道为什么吗？

当我尝试这一点时，它当场就起作用了：你确定你的SCS被正确编译成CSS了吗？不，它不起作用了。我乞求你绝望：你能把你的尝试放到网上，直播，让我们看一看吗？