title: Is there a way to use wildcards in css id tag
body: <p>assuming i have few items with similar ids:</p>
  
  <pre><code>&lt;input class="a" id="id_1"/&gt;
  &lt;input class="a" id="id_2"/&gt;
  </code></pre>
  
  <p>i would like to set in my css file something like:</p>
  
  <pre><code>#id_*{width = 100%;}
  </code></pre>
  
  <p>is there a way i can do that?
  i've tried something like:</p>
  
  <pre><code>input[id^='id_']{width:200px;}
  </code></pre>
  
  <p>but that didnt worked out......</p>
  
  <p>And its need to work on IE :(</p>
  
  <p>EDIT: nedd to work on IE8....</p>
  
  <p>EDIT:</p>
  
  <pre><code>&lt;input tabIndex="1690" class="form" id="cust_1_NUM_OBJ_5-00461" dataFld="cust_1_NUM_OBJ_5-00461" dataSrc="#FIELDVALUES" style="text-align: right; height: 20px;" onkeypress="validateNumberChar(this)" onfocus="resetGFocusField('cust_1_NUM_OBJ_5-00461');" onblur="validateChangedNumber(this);" onbeforedeactivate="onbeforedeactivateLookup(this);" type="text" size="20" maxLength="55" datatype="number" numbertype="24,6" valueFieldID="null" tabStop="true" value="1"/&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>input[id^='cust_1_NUM_OBJ_5-0046']{width:200px;}
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/5IGj5.png" alt="Without style"></p>
  
  <p><img src="https://i.stack.imgur.com/k0Qog.png" alt="Witj style"></p>