title: Custom scrollbar only in one div
body: <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>