在幾個類中創建Stylus變量並在彙編中連接

Question

我處於這種情況，我想將相同的CSS規則分配給幾個選擇器，通常我使用Stylus interpolation將幾個類分配給一個變量。

pages = '.home, .about, .contact' 

{pages} 
    a 
     color black 

這樣產生的：

.home a, .about a, .contact a { 
    color: black; 
} 

但是我有，我想在一個優雅的方式來解決，如果有可能的問題。比方說，現在我想使用相同的變量，另外一個來連接，例如：

.general 
    &{pages} 
     a 
      background-color black 

這產生以預期的方式：

.general.home a, .general .about a, .general .contact a { 
    background-color: black; 
} 

我想產生一個「雙級」在每種情況下選擇器，不僅是第一個。爲此，我曾嘗試使用作品的迭代方法，但我不滿意的一切：

pages = home about contact 

.general 
    for class in pages 
     &.{class} 
      a 
       color black 

這產生於：

.general.home a { color: black; } 
.general.about a { color: black; } 
.general.contact a { color: black; } 

這是不是太糟糕，但是當我想以第一種方式使用相同的變量（這是我給這個變量的最常用的用法），但我不能，因爲它不是用正確的選擇器語法編譯的。

你能想出任何實現這個目標的方法嗎？

在此先感謝！

Answer 1

您可以選擇的字符串中添加&到每一個類：

pages = '&.home, &.about, &.contact' 

.general 
    {pages} 
    a 
     color black 

即使自動replace BIF：

pages = '.home, .about, .contact' 

.general 
    {replace('\.', '&.', pages)} 
    a 
     color black