CSS樣式多個ID的

，而不是這樣的：CSS樣式多個ID的

#1 span.error { color: #fff; } 
#2 span.error { color: #fff; }

是更好/更快速地使用：

#1 span.error, #2 span.error { color: #fff; }

有沒有一種辦法，甚至更短？

我接受安娜的回答，但對我來說，agam360首先命中目標。謝謝大家

來源

2012-07-21 Pavlos1316

爲什麼不使用： span.error {color：#fff;}？ – funerr 2012-07-21 13:19:32

只是一個說明，身份證不能以數字開頭 – Sotiris 2012-07-21 13:22:12

@ agam360現在，你提到它，我需要休息一下。謝謝。 – Pavlos1316 2012-07-21 13:24:26

是的，我相信它是更好的 - 你避免冗餘，如果你有這種情況多次，它可以顯着減少你的CSS的大小。

更短的是將相同的類添加到這兩個ID。喜歡的東西：

<div id="#1" class="myclass"> 
    <span class="error">error text 1</span> 
</div> 
<div id="#2" class="myclass"> 
    <span class="error">error text 1</span> 
</div>

，然後你可以這樣寫：

.myclass span.error { 
    color: #fff; 
}

如果沒有外界有IDS #1和#2元素任何span.error元素，那麼你可能會進一步壓縮這只是span.error { color: #fff; }

如果，除此之外，具有類別.error的元素總是<span>元素，他們凸輪變成.error { color: #fff; }

所以你可以壓縮多少東西真的取決於你的HTML結構。

來源

2012-07-21 13:20:04 Ana

在某些情況下，他可以，但也許他在這兩個元素之外還有'span.error'元素，他希望span.error'元素在它們位於具有ID＃1的兩個元素'和'＃2'。 – Ana 2012-07-21 13:25:18

@Ana這是「愚蠢的」我做了什麼......我沒有span.error這些ID以外。 :) ty – Pavlos1316 2012-07-21 13:27:09

取決於您的頁面結構。

span.error { color: #fff; }會縮短它更多，或者如果祖先需要遵守規則並遵循一種模式，您可以寫這樣的東西div[id*='pattern'] span.error。在這個例子中，祖先是一個div，它的id包含文本「pattern」。您可以修改它以符合您的需求。

來源

2012-07-21 13:26:13 Sotiris

CSS樣式多個ID的

回答

相關問題