如何使用样式化的组件覆盖CSS代码

Question

此代码在节点模块组件的scss文件中。我不是这些选择器的100％意思，但是我需要用样式化的组件覆盖它们。

html:not([dir="rtl"]) .horizontal .handle {
  right: -5px;
  left: auto;
}

我尝试过这个：

const My Component = styled(NodeComponent)`
  & html:not([dir="rtl"]) .horizontal .handle {
  right: -5px;
  left: auto;
  &:hover {
    right: -15px;
    top: -13px;
  }
`;

但是，这似乎不起作用。有什么想法如何使用样式化组件吗？我不需要任何其他解决方案，只是样式化的组件版本。

在有效行的开头没有html:not([dir="rtl"])。