title: can I write a loop for css
body: <p>I have a scenario where I am getting ID generated like this </p>
  
  <pre><code>&lt;div class="containerLength"&gt;
  &lt;div id="new-1"&gt;&lt;/div&gt;
  &lt;div id="new-2"&gt;&lt;/div&gt;
  &lt;div id="new-3"&gt;&lt;/div&gt;
  &lt;div id="new-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and so on</p>
  
  <p>is there a way I could write some css to target them through a loop?
  maybe something like </p>
  
  <pre><code>#new[i; for(i=0; i&lt;="containerLength.length"; i++)]{
  float:left;
  }
  </code></pre>
  
  <p>Probably I am day dreaming correct? </p>