繼續css選擇器名稱

Question

我需要持續有css選擇器名稱。 例如。

eng1, eng2, eng3 ...... eng100 { 
    display: block; 
    width:100px; 
    height:20px; 
} 

有什麼辦法可以提到像數組類型的CSS？ 感謝您的幫助。

Answer 1

你可以使用的CSS3 substring matching selectors

[class^="eng"]{ 
    display: block; 
    width:100px; 
    height:20px; 
} 

一個將匹配任何以 「工程」

---

重要

如果你開始一個類屬性的所有元素在類別eng??之前有相同元素的其他類會失敗。

例如

<div class="someother eng5">..</div> 

將不匹配，作爲選擇器檢查整個類屬性作爲字符串。首先，爲什麼？

Answer 2

如果這是生成的類的情況下，你可以使用屬性選擇：

*[class^="eng"] { 
    // styles 
} 

您可以創建使用薩斯一樣，選擇一個長長的清單，但我不會推薦它，除非你確實需要支持不理解屬性選擇器的舊瀏覽器。