css - 如何在 sass 中修改 MDBReact 组件中的伪元素？

Question

我正在使用来自 MDBReact 的组件 MDBTooltip，并且正在尝试使用 sass 修改样式。我设法更改了背景颜色，但无法修改顶部的箭头。我从萤火虫检查员那里获得了样式：

scss如下：

//MDBTooltip
.show.tooltip{
    background-color: white;
    color: black;
}

//MDBTooltip, estilo para modificar la flecha de tooltip, pero no me funciona, no sé cuál es el error...

.tooltip[x-placement^="bottom"] .popover_arrow::before {
    display: inline-block;
    position: absolute;
    left: -6px;
    border: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent white transparent;
}

但是，似乎只有 '.show.tooltip' 有效果。这就是我得到的：

这就是我想要得到的。如果我手动修改检查器上的 css (.tooltip[x-placement^="bottom"] .popover_arrow::before)，我可以获得它，但如果我使用 scss 文件则不能。

我错过了什么？

标签： cssreactjssassmdbreact