title: CSS - select all elements that has class starting with prefix
body: <p>Need to target each element that has specific class starting with <code>depth-</code></p>
  <p>I tried targeting with CSS:</p>
  <pre><code>[class^=&quot;depth-&quot;] {
      margin-left: 40px;
  }
  </code></pre>
  <p>but it works only when targeted class is the first in classes order.</p>
  <p>In my case:</p>
  <pre><code>&lt;div class=&quot;comment byuser comment-author-admin odd alt depth-2 parent&quot; id=&quot;comment-13&quot;&gt;
      &lt;div id=&quot;div-comment-13&quot; class=&quot;media&quot;&gt;
          ...
      &lt;/div&gt;
  
      &lt;div class=&quot;comment byuser comment-author-admin even depth-3&quot; id=&quot;comment-14&quot;&gt;
          &lt;div id=&quot;div-comment-14&quot; class=&quot;media&quot;&gt;
              ...
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>