title: Can't dfferentiate between two selectors meant to perform one specific action
body: <p>I've written a script in python in combination with selenium to click on a button named as <code>follow</code> located in a webpage. The thing is when I try with two different selectors, they both can click on the same button.</p>
  
  <p>First selector:</p>
  
  <pre><code>"a[href$='/follow']"
  </code></pre>
  
  <p>Second one:</p>
  
  <pre><code>"a[href$='/follow'] &gt; button"
  </code></pre>
  
  <p>Portion of relevant html:</p>
  
  <pre><code>&lt;div class="nZSzR"&gt;
      &lt;h1 class="fDxYl"&gt;
          some royal personality
      &lt;/h1&gt;
      &lt;span class="VerifiedBadge" title="Verified"&gt;
          Verified
      &lt;/span&gt;
      &lt;a class="BY3EC" href="/accounts/follow" rel="nofollow"&gt;
          &lt;button class="L3NKy" type="button"&gt;
              Follow
          &lt;/button&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong><em>Which way I should stick to and why?</em></strong></p>