title: Adding class selector after pseudo selector in css
body: <p>Can I add a class selector after a pseudo class in my CSS rule, e.g:</p>
  
  <pre><code>a:hover.my-class {
      background: red;
  }
  </code></pre>
  
  <p>So if I hover over my anchor tag, <code>&lt;a class="my-class"&gt;link&lt;/a&gt;</code>, will the background be red in all browsers? is this valid CSS?</p>
  
  <hr>
  
  <p><strong>Why I need this</strong></p>
  
  <p>I have this problem because it is generated from a mixin in SASS:</p>
  
  <pre><code>@mixin focus($classA, $classB) {
    &amp;:focus {
      &amp;#{$classA} {
        background: blue;
      }
  
      &amp;#{$classB} {
        background: yellow;
      }
    }
  }
  
  a {
    @include focus('.class-a', '.class-b')
  }
  </code></pre>