title: Can't add New Rule to Firefox Devtools
body: <p><img src="https://i.stack.imgur.com/A4kae.gif" alt="Trying to add a New Rule in Firefox Devtools"></p>
  
  <p>In the above gif you can see that I am having an issue adding a New Rule <code>.entry-content a</code> to style using Firefox DevTools. For the life of me I haven't been able to get this flow to work:</p>
  
  <ol>
  <li>Right-click > New Rule</li>
  <li>Type <code>.entry-content a</code></li>
  <li>Hit Tab</li>
  <li>Start adding CSS</li>
  </ol>
  
  <p>Is there something I'm missing? I've been using Firefox as my development browser for just a few months when I moved from Chrome (won't discuss), so that's the environment I'm used to. </p>