css - (S)CSS React 元素选择器

Question

我正在寻找一种在我的 CSS 中选择现有 React 元素的简单方法。我尝试搜索它，但只找到了关于我可以使用的大量库的令人困惑的答案，而且似乎没有一个适合我正在尝试做的事情。

我想要一个常规的 .scss 文件，如果我有一个名为 Foo 的 react 元素，我可以这样做:

Foo {
    color: red;
}

这会很棒，因为我可以继续使用我喜欢的 .scss 文件，并且可以选择组件。我该怎么做(或实现类似的行为)？

请注意，我不是创建元素的人，所以我不能只对所有元素应用一个类。

Answer 1

你可以很容易地做到这一点，通过添加 className=Foo 并在 Sass 中调用它 by(.Foo) 并使用编译程序将 Sass 转换为 CSS，例如 (Prepros) 并将 CSS 文件作为链接调用到你的 main HTML文件