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

前端之家收集整理的这篇文章主要介绍了“动态”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.orgcompatibility tables for advanced attribute selectors链接.

参考文献:

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

猜你在找的CSS相关文章