如何在CSS中添加变量并执行循环

Question

是否可以添加变量并像php那样在css中循环：

for($a=6; $a<9; $a++) { "#divShow"+$a }

因此，结果将是：

#divShow6 #divShow7 #divShow8

任何想法？ 提前致谢。

Answer 1

否。CSS中没有“变量”或“循环”。 它不是图灵完备的语言。 这就是CSS类的用途，因此您不必生成ID。

Answer 2

您在CSS中没有循环，但是如果要匹配所有以divShow开头的ID的标签，则可以使用（例如http://jsfiddle.net/diegof79/mUGsj/ ）：

div[id^="divShow"]

但是我建议改用一个类。

您的问题还显示了一个孩子的匹配项： divShow8内的divShow7 。 您不需要那种选择器，因为可能可以通过其他方式（通过使用类或不同的ID）解决该问题。