2011-11-06 52 views
6

我在一个动态生成的应用程序中有DIV ID,最后有一个ID。例如:<div id="vote_score_72">,<div id="vote_score_73"><div id="vote_score_74">等。“动态”CSS ID名称?如何将它们添加到CSS文件?

如何在CSS文件中编写该标识以便我可以将样式应用于它?

+0

他们需要为不同的ID做不同的事情吗? – ceejayoz

+1

像任何其他ID一样,带'#'符号。 ...你能告诉我们你实际上想要做什么吗?如果这是通过JavaScript完成的,那么最好有一个适用于所有样式的类的类,然后使用'style'属性来应用特定于项的样式。如果它们都具有相同的样式,请改为使用类(Google“CSS类”)。 – Ryan

+0

@ceejayoz不,同样的事情。 这是一个Ruby on Rails应用程序,它在同一页面显示不同的故事。每个故事都有一个分数,并将分数包裹在一个DIV中,并在末尾加上故事的ID。 –

回答

19

进一步说,你应该使用类此功能的建议(和你应该),你可以,而是使用属性值 - 开始 - 与选择(这可能不是正式名称) :

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

JS Fiddle demo


编辑添加一个链接到 Quirksmode.orgcompatibility tables for advanced attribute selectors

参考文献:

+0

谢谢大卫,那很好。 –

2

您应该为所有这些元素添加一个通用类,并在您的CSS中使用此类。

是处理不同元素的常见风格的最佳方式。

+0

我明白了,比方说,我改变了班级的ID。我如何在CSS文件中写入类名?像'.classname_changingnumber' –

+0

你可以调用任何你喜欢的类名,尽管选择一个与div的内容/目的相关的名字是有道理的。 –

+0

@FelipeCerda:不,类名对所有你想要的样式应该是唯一的。然后你可以在你的CSS中引用这个类的名字 – JMax