title: Why the “auto” value of “cursor” gives my anchor a text-like cursor
body: <p>Documentation of <code>auto</code> value says</p>
  <blockquote>
  <p>The UA will determine the cursor to display based on the current context. E.g., equivalent to text when hovering text.</p>
  </blockquote>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a {
    cursor: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="https://www.example.com"&gt;hover your mouse over me&lt;/a&gt;  </code></pre>
  </div>
  </div>
  </p>
  <p>Why the above style-sheet gives me an I-beam for a link? I expected a <code>pointer</code>-like cursor because that’s for an anchor tag right?</p>