如何在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; 
}