CSS規(guī)則中的散裝廢金屬指的是那些在CSS樣式中沒有被組合為一整個(gè)選擇器的單個(gè)元素選擇器。
比如說,我們有以下的CSS代碼:
p { color: red; font-size: 16px; } #my-div { width: 500px; height: 300px; background-color: blue; }
其中,p和#my-div就是兩個(gè)單獨(dú)的選擇器。我們可以將它們組合起來,寫成:
p, #my-div { /* 這里是樣式規(guī)則 */ }
這樣就將這兩個(gè)選擇器組成了一個(gè)選擇器集,它們共享同一個(gè)樣式規(guī)則。
然而,如果我們像這樣:
p { /* 這里是樣式規(guī)則 */ } #my-div { /* 這里是樣式規(guī)則 */ } a { /* 這里是樣式規(guī)則 */ } /* 還有很多其他的散裝廢金屬 */
這時(shí)候,每個(gè)選擇器都是散裝廢金屬,它們都有自己的樣式規(guī)則,沒有被組合在一起。這就會(huì)導(dǎo)致樣式表變得散亂,難以維護(hù)。
為了避免這種情況,我們應(yīng)該盡可能將選擇器組合在一起,減少散裝廢金屬的出現(xiàn)。