title: simplify html css selectors in style sheet
body: <p>I have the following html with some bootstrap class</p>
  
  <pre><code>&lt;input id="OP_CG1" class="form-control input-sm text-right" value="160"  type="text"&gt;
  &lt;input id="OP_CG2" class="form-control input-sm text-right" value="280"  type="text"&gt;
  &lt;input id="OP_CG3" class="form-control input-sm text-right" value="600"  type="text"&gt;
  </code></pre>
  
  <p>I would like to simplify to</p>
  
  <pre><code>&lt;input id="OP_CG1" value="160"  type="text"&gt;
  &lt;input id="OP_CG2" value="280"  type="text"&gt;
  &lt;input id="OP_CG3" value="600"  type="text"&gt;
  </code></pre>
  
  <p>by using css selectors. I try this but it does not work.</p>
  
  <pre><code>input[id^="OP_CG"].form-control.input-sm.text-right
  {
  }
  </code></pre>
  
  <p>Can you help me. I want a solution without using Jquery</p>