title: CSS: How to shorter code having select direct children with multiple id
body: <p>I have this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#cbfr_196 &gt; .my_field {width: 95%;}
  </code></pre>
  
  <p>Now I have more ID to include so I could make this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#cbfr_196 &gt; .my_field {width: 95%;}
  #cbfr_197 &gt; .my_field {width: 95%;}
  #cbfr_198 &gt; .my_field {width: 95%;}
  </code></pre>
  
  <p>but I would like shorten the code. I made some test but I don't see how to do.</p>
  
  <p>If I do this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#cbfr_196, #cbfr_197, #cbfr_198 &gt; .my_field {width: 95%;}
  </code></pre>
  
  <p>this work only for ID #cbfr_198 and if I remove comma, nothing work.</p>
  
  <p>any clue ?</p>