如何在CSS中选择React子组件

我正在为使用React语义UI的React应用程序编写一个SCSS文件。如何让CSS选择子组件？例如，一个标签

我不能只写Item.Group{…}，因为它将该组识别为一个类，而不是Item的子组件。

我建议为要设置样式的组添加一个类名，并在SCSS选择器中使用它

---

如果要设置应用程序中每个Item.Group的样式，可以检查生成的HTML，查看默认情况下在Item Group上设置了哪些类。查看语义UI文档，它似乎是class=UI项，因此CSS选择器应该是.UI.items

使用名为的标记开始是个坏主意。标记名应该都是小写和kebab大小写。我使用的是React.js，其中的约定是对组件使用大写标记。也来自类似于我的问题中与Bootstrap链接的框架。好吧，我想这样做，但是想知道是否还有更优雅的方法。语义UI毕竟是关于语义命名约定的。Item.Group只是React组件的名称。它与创建的HTML元素（主要是div）或遵循语义CSS库名称的类无关。您可以将css内联到React中，但这需要更高阶的组件或重复。