“动态”CSS ID名称？如何将它们添加到CSS文件中？

Question

我在动态生成的应用程序中有DIV ID，最后带有ID。例如：<div id="vote_score_72">，<div id="vote_score_73">，<div id="vote_score_74">等。

如何在CSS文件中编写该ID，以便我可以应用样式？

Answer 1

除了建议您应该使用类来实现此功能（ ）之外，您可以，而是使用attribute-value-begin-with选择器（这可能不是正式名称）：

div[id^=vote_score] {
    color: #f00;
    /* and so on... */
}

JS Fiddle demo

<小时/> 已修改以添加指向Quirksmode.org的compatibility tables for advanced attribute selectors的链接。

参考文献：

• CSS3 Attribute-selectors, at Sitepoint.com。
• Attribute selectors, at CSS3.info
• Attribute Selectors, at the Mozilla Developers Network。

Answer 2

您应该为所有这些元素添加一个公共类，并在CSS中使用此类。

类是处理不同元素的通用样式的最佳方式。