css - 如何使用通用选择器设置 .class-0、.class-1、.class-2 的样式？

Question

我想设置以下 CSS 类的样式；有没有什么简短的造型技巧？

.test-0 { }
.test-2 { }
.test-3 { }
/* etc. */

我正在寻找类似的东西:

.test-%d% { } 

我想动态创建许多具有不同编号和通用样式的 test-* 类。

更新

---

这是我的实际情况

<input type="button" value="click" class="button_class" />
<h1 class="ui-widget-header">Question -  1  </h1>
<div class="ui-widget-content">

 <div id="form_container-0">
        <div class="placeholder">Add your form fields here</div>
        <div style="clear: both;"></div>            
  </div>
  </div>

当用户单击上面的按钮时，相同的结构将克隆并附加到表单的末尾

所以表格将如下

  <h1 class="ui-widget-header">Question -  1  </h1>
  <div class="ui-widget-content">

  <div id="form_container-0">
   <div class="placeholder">Add your form fields here</div>   
  </div>
  <div id="form_container-1">
    <div class="placeholder">Add your form fields here</div>          
  </div>

  </div>

css 类 form_container-[%d] 将由 jquery 动态创建。
所以我想为这个类添加风格。

如果您与以下人员共享用于克隆结构的优化代码，那就太好了 不同的ID。

如果您仍有疑问，请告诉我。

谢谢

Answer 1

您可以使用属性选择器。

div[class*='test-'] {...}