title: css select elements with style rule set by external style sheet
body: <p>With css you can use</p>
  
  <pre><code>    [style="cursor:pointer"] {cursor:wait;}
  </code></pre>
  
  <p>but this only works if the style rule in set inline.
  I want to do this when the style rule is set by an external style sheet.</p>
  
  <p><a href="https://codepen.io/Beck-Busch/pen/PmRdvg" rel="nofollow noreferrer">here</a> is a heavily commented codepen example. Thanks guys.</p>
  
  <p>Edit: It is important to know that I can not edit the html or the external stylesheet(The first style rule in my example) I can only inject a stylesheet.</p>