（S）CSS React元素选择器

Question

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

我想要一个常规的.scss文件，如果我有名为Foo的react元素，则可以执行以下操作：

Foo {
    color: red;
}

这将很棒，因为我可以继续使用我喜欢的.scss文件，并可以选择组件。 我该怎么做（或达到类似的行为）？

请注意，我不是创建元素的人，因此我不能仅将一个类应用于所有元素。

Answer 1

您可以轻松地做到这一点，方法是添加className = Foo并在Sass中通过（.Foo）进行调用，并使用编译器程序将Sass转换为CSS，例如（Prepros），然后将CSS文件作为指向主HTML文件的链接进行调用