如何將樣式應用到所有組中少

.one{ 
    background-color: black; 
} 
.two{ 
    background-color: black; 
} 
.three{ 
    background-color: black; 
}

我可以以某種方式使之成爲這樣的：

{ 
    background-color:black; 
    .one { 

    } 
    .two { 

    } 
    .three{ 

    } 
}

在更短？

我不想使用一個類，然後把他們一個個類一個二，三

使用.one，.two，.three {background-color：black}有什麼問題？ –

然後我每次添加更多，我將不得不添加到2部分，一個是爲共享一個說明，另一個是定製的，想象如果我有幾百個以後，我的代碼將如何凌亂 –

你如果有幫助，可以將這些類中的每一個都放在不同的行上，但除此之外，我不明白你的建議是什麼清潔劑？ –

你可以這樣做：

.one, .two, .three { 
background-color: black; 
}

2017-08-07 16:36:16 Carter4502

.one, .two, .three { 
     background-color: black; 
}

這是使用最簡單的方法通過包括所有類別在一起並應用該屬性。並且如果您仍想要更改兩個屬性的話，則

.two{ 
    background-color:grey; 
}

這將覆蓋上面的那個，所以現在兩個會變成灰色。希望它幫助！

2017-08-07 16:44:59 djmayank

嗯，我希望它可以更簡單，因爲如果我有很多類，它會在代碼上雜亂 –

它更簡單，如果它幫助做upvote。 – djmayank

回答