title: Using flow with document.querySelector
body: <p>I'm new to Flow and am having a bit of trouble assigning to DOM Element  types properly.</p>
  
  <p>Looking at the <a href="https://github.com/facebook/flow/blob/v0.44.1/lib/dom.js" rel="nofollow noreferrer" title="DOM declarations">DOM declarations</a> in the Flow repo, it feels like I'm missing something.</p>
  
  <pre><code>// Works 
  const otherMeta:?HTMLMetaElement = document.querySelector("meta");
  
  //Doesn't work
  const metaTag:?HTMLMetaElement = document.querySelector("meta[name='something']");
  </code></pre>
  
  <p>The second example results in the following error:</p>
  
  <pre><code>const metaTag:?HTMLMetaElement = document.querySelector("meta[name='something']");
                                   ^ HTMLElement. This type is incompatible with
  const metaTag:?HTMLMetaElement = document.querySelector("meta[name='something']");
                 ^ HTMLMetaElement
  </code></pre>
  
  <p>Have a look at <a href="https://flow.org/try/#0PQKgBAAgZgNg9gdzCYAoVxhgOpwE4DWAzqgMZwB2RALmHNQBYCmeAsk9QIYBcA-ABIAVVgBl2XAKIwmAWyYVaAXjAATOKQCuchQDoAjhpYBPAMpNppavgAUAIjldbASgDc6TABE4TIhQDktAj4BGSUNGAOnIKcAOZ8QqLinFKy8kqq6lpp+oZ4puZMljb2HJwA2hSccop+RHAODACWFDF+ALrOLkA" rel="nofollow noreferrer" title="querySelector typing example">the example</a> in the Try Flow REPL tool.</p>