這個問題在這里已經有了答案: CSS 規范中的哪個地方說應該如何處理多個具有相同名稱的屬性? (3 個回答) 12 小時前關閉。
我正在研究現代 CSS 前處理器的行為方式,并注意到 SASS 和 LESS 在同一查詢中遇到屬性重新宣告時實際上什么都不做,例如這段代碼(在上述兩個前處理器中都有效):
.some {
color: red;
color: yellow;
color: maroon;
}
將以完全相同的方式翻譯,沒有變化,也就是說,我們會再次得到:
.some {
color: red;
color: yellow;
color: maroon;
}
我的問題是 - 是否有任何 CSS 屬性可以在同一個選擇器查詢中宣告 N 次,其中此宣告的效果不等同于僅保留最后一個宣告(在本例中為 - color: maroon)。
請記住,我不一定要問為什么前處理器是這??樣設計的。如果有這樣的屬性,那就是答案。如果沒有,則出于其他一些原因,例如超出本問題范圍的性能,這可能是有意義的。
uj5u.com熱心網友回復:
我想,在您要求某些瀏覽器認為無效的屬性的情況下。例如:
.some {
background: background: rgb(61,217,0);
background: linear-gradient(328deg, rgba(61,217,0,1) 0%, rgba(12,242,187,1) 100%);
}
此外,如果您使用的是獲取的影像,您可以將其顯示為背景色,如此處或此處所示:
.some {
background: var(--fallback-color) url('https://possibly.dead.com/but/pretty_img');
}
因此,如果鏈接已失效,背景顏色仍會顯示。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/384466.html
下一篇:識別以前的CSS
