如何在CSS模块中使用全局父选择器

Question

我在React应用程序中使用了CSS Modules。我也有一些dropdown component与一些全球风格（我很满意，因为我想重新使用的一般风格）。

当下拉菜单处于活动状态时，将应用CSS类（.dropdown--active）。有没有一种方法可以将我的组件的本地范围样式与全局类一起使用？即，我想是这样工作的：

.myClass { 
    color: red; 
} 

:global .dropdown--active .myClass { 
    color: blue; 
} 

然而，这句法使整个选择全球性的，这不是我所追求的：我想.myClass先限定的组件。

Answer 1

只包括括号所需的全局类：

:global(.dropdown--active) .myClass { 
    color: blue; 
}