title: CSS selector wildcard inside class name
body: <p>I would like to know if it's possible to target all classes that starts with <code>col-</code> and ends with <code>12</code> only?</p>
  
  <p>For example classes like:</p>
  
  <pre><code>.col-sm-12
  .col-md-12
  .col-lg-12
  </code></pre>
  
  <p>but <strong>not</strong> classes like:</p>
  
  <pre><code>.col-sm-8
  .col-lg-6
  </code></pre>
  
  <p>I tried with something like this which is not working:</p>
  
  <pre><code>[class^="col-*-12"] {
      border: 1px solid red;
  }
  </code></pre>