管理LESS

我想要得到的東西像管理LESS

.classA, .classB, .classC, .classD, .classE { 
    color: white; 
} 

.classA .classI, .classB .classI, classC .classI { 
    background: red; 
}

嵌套這可能與類似

.classA, .classB, .classC { 
    color: white; 
    .classI { 
    background: red; 
    } 
}

類d和E不應geht分類Ⅰ

希望你知道，我的意思是

2016-11-17 Sukrams

你說的不應該得到的類是什麼意思？你的意思是'.classC .classI'和'.classD .classI'選擇器不應該在輸出中生成？ – Harry

'.classA' - '.classD'應該只是一個白色的文本，沒有紅色的背景，所以'classA'到'classC'應該有一個類似'.class A .class'和classD只是'.classD'的語法。 – Sukrams

對於您的情況，您不應該在頂層使用.classD和.classE，因爲嵌套選擇器不適用於所有這些選擇器。

您應該只使用.classA, .classB, .classC，然後使用其他兩個:extend。

.classA, .classB, .classC { 
    color: white; 
    .classI { 
    background: red; 
    } 
} 
.classD, .classE { 
    &:extend(.classA); 
}

在編譯時會導致以下CSS：

.classA, .classB, .classC, .classD, .classE { 
    color: white; 
} 
.classA .classI, .classB .classI, .classC .classI { 
    background: red; 
}

2016-11-17 15:25:26 Harry

是這樣的：

.classA { 
    color: white; 
    &.classI { 
    background: red; 
    } 
}

2016-11-17 14:30:42 user2693928

對不起，這是怎麼回答的問題？ – Harry

回答