我在一个动态生成的应用程序中有DIV ID,最后有一个ID。例如:<div id="vote_score_72">
,<div id="vote_score_73">
,<div id="vote_score_74">
等。“动态”CSS ID名称?如何将它们添加到CSS文件?
如何在CSS文件中编写该标识以便我可以将样式应用于它?
我在一个动态生成的应用程序中有DIV ID,最后有一个ID。例如:<div id="vote_score_72">
,<div id="vote_score_73">
,<div id="vote_score_74">
等。“动态”CSS ID名称?如何将它们添加到CSS文件?
如何在CSS文件中编写该标识以便我可以将样式应用于它?
进一步说,你应该使用类此功能的建议(和你应该),你可以,而是使用属性值 - 开始 - 与选择(这可能不是正式名称) :
div[id^=vote_score] {
color: #f00;
/* and so on... */
}
参考文献:
谢谢大卫,那很好。 –
您应该为所有这些元素添加一个通用类,并在您的CSS中使用此类。
类是处理不同元素的常见风格的最佳方式。
我明白了,比方说,我改变了班级的ID。我如何在CSS文件中写入类名?像'.classname_changingnumber' –
你可以调用任何你喜欢的类名,尽管选择一个与div的内容/目的相关的名字是有道理的。 –
@FelipeCerda:不,类名对所有你想要的样式应该是唯一的。然后你可以在你的CSS中引用这个类的名字 – JMax
他们需要为不同的ID做不同的事情吗? – ceejayoz
像任何其他ID一样,带'#'符号。 ...你能告诉我们你实际上想要做什么吗?如果这是通过JavaScript完成的,那么最好有一个适用于所有样式的类的类,然后使用'style'属性来应用特定于项的样式。如果它们都具有相同的样式,请改为使用类(Google“CSS类”)。 – Ryan
@ceejayoz不,同样的事情。 这是一个Ruby on Rails应用程序,它在同一页面显示不同的故事。每个故事都有一个分数,并将分数包裹在一个DIV中,并在末尾加上故事的ID。 –