title: CSS Selector for not a child of element type?
body: <p>I want to style <code>code</code> elements that are not inside <code>a</code> tags.</p>
  
  <p>What is the best approach to accomplish this?</p>
  
  <p><code>code:not(a code)</code> doesn't seem to work at all, at least on Chrome, even though it <a href="https://developer.mozilla.org/en/docs/CSS/:not" rel="noreferrer">seems like it should</a></p>
  
  <p>I can't get it to work from the console either.</p>
  
  <p>Are there any other css-only approaches I could use for this?</p>