title: What is overriding this css rule?
body: <p><strong>How can this situation happen?</strong> (image is from chrome css inspector)</p>
  
  <p>-there is no higher priority rule above</p>
  
  <p>-there is no orange exclamation mark (error)</p>
  
  <p>-I have NOT deactivated it manually in Chrome</p>
  
  <p><a href="https://i.stack.imgur.com/PnWxe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PnWxe.png" alt="how can this happen?"></a></p>
  
  <p>Computed:</p>
  
  <p><a href="https://i.stack.imgur.com/ZX4Nm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZX4Nm.png" alt="computed"></a></p>