title: how select last child of element that class begins - using CSS3 or SCSS?
body: <p>I need to select the last-child element who class begins with a specific value. Let's suppose I have the next html structure elements:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper"&gt;
    &lt;div class="test-1"&gt;this is test-1&lt;/div&gt;
    &lt;div class="test-2"&gt;this is test-2&lt;/div&gt;
    &lt;div class="test-3"&gt;this is test-3&lt;/div&gt;
    &lt;div class="test-4"&gt;this is test-4&lt;/div&gt;
    &lt;div class="another-test"&gt;this is the another test&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>So, I want to select the <strong>div</strong> with <strong>class="test-4"</strong>. I'm using the next SCSS code but it doesn't work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div.wrapper div[class^="test"]:last-child {
    background-color: red;
  }</code></pre>
  </div>
  </div>
  </p>