继续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 
} 

您可以创建使用萨斯一样，选择一个长长的清单，但我不会推荐它，除非你确实需要支持不理解属性选择器的旧浏览器。