title: How would i properly select the <img src="images/login.png" width="40" height="40" onmousedown="return false;" alt="Login" /> line in my code?
body: <p>I have used the code below to attempt to select this line of code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body &gt;div first-child + div + div &gt; img {
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;div id="container"&gt;
          &lt;div class="profilebartr"&gt;
              &lt;div class="login"&gt;
                  &lt;a href="google.com"&gt;
                      &lt;img src="images/login.png" width="40" height="40" onmousedown="return false;" alt="Login" /&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm still learning something in CSS, sorry.</p>
  
  <p>And my preview box no longer shows the previews for anything after running code snippets, sorry.</p>