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

我在一个动态生成的应用程序中有DIV ID,最后有一个ID.例如：< div id =“Vote_score_72”>,< div id =“Vote_score_73”>,< div id =“Vote_score_74”>等等.

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

解决方法

除了建议您应该使用类来实现此功能之外(您应该),您可以使用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

原文地址：https://www.jb51.cc/css/216157.html