title: Trying to nest css selectors on a hover
body: <p>I would like to run this when a hover occurs - change the background-color of a inner class to grey, can this be done with css?</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>.thumbnail:hover {
    border: 2px solid rgba(156, 162, 153, 1);
    .labels .inner {
      background-color: rgba(156, 162, 153, 1);
    }
  }</code></pre>
  </div>
  </div>
  </p>