我需要有3個課程如下:
.class-4, .class-5, .class-6 {
color: pink;
}
而且效果很好。假設我需要相同的但為 100:
.class-4, .class-5, .... .class-100 {
color: pink;
}
有沒有類似的東西或任何其他我可以使用的方法來做到這一點。
.class->3<101 {
color: pink;
}
不用寫 97 次類和逗號就可以得到相同的結果?
uj5u.com熱心網友回復:
如果所有元素都具有相同的屬性,即 {color:pink} 您只能創建一個類(讓我們稱之為 .pink)
.pink {
color: pink;
}
然后你可以簡單地給你的元素 .pink 類。
uj5u.com熱心網友回復:
class屬性的主要目的之一是定義共享樣式參考名稱。想要參考多個class參考并讓它們共享相同的樣式并不是一個很好的做法。
解決此問題的最佳方法是使用通用class屬性名稱YourClassName。這樣,您希望應用樣式的任何元素都可以通過JS將該類附加到其class屬性中。element.classList.add(YourClassName)而且,這將解決不得不擔心放置多個類名的所有麻煩,而且我想不出任何一種情況會迫使您宣告每個元素類用逗號分隔,前提是它們要接收相同的樣式。
uj5u.com熱心網友回復:
這不是一回事,但您可以撰寫一個 JavaScriptfor回圈并使用一些 css-in-js 來完成這項作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/474053.html
上一篇:新文本未顯示
