Custom scrollbar only in one div
<p>I want to have a custom scroll bar in Chrome.</p>

<p>So, I'm using this sass:</p>

<pre><code>::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,.1);
  border-radius: 3px;

  &amp;:hover {
    background: rgba(255,255,255,.2);
  }
}
</code></pre>

<p>My problem is that I want this scrollbar style only in an specific div. But if I do:</p>

<pre><code>#boardslist {

  ::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.1);
    border-radius: 3px;

    &amp;:hover {
      background: rgba(255,255,255,.2);
    }
  }

}
</code></pre>

<p>is not working. Any ideas?</p>