title: How do you style span inside a inside div?
body: <p>I've recently added a text tab to a Wordpress menu item by applying span to part of the text, I then styled the content using Console in Chrome.</p>
  
  <p>My problem is selecting the correct element to style so that I can apply my CSS in my websites site-wide settings to make the styling changes I've made permanent.</p>
  
  <p>This is what Console looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/yCRDB.png" alt="View Console Screenshot"></p>
  
  <p>The menu item class ends in .menu-item-4654 so I have tried the following already:</p>
  
  <pre><code>span.menu-item-4654 {
      styling: here;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>menu-item-4654 span {
      styling: here;
  }
  </code></pre>
  
  <p>My guess is that because the span is inside an 'a' attribute I am not selecting the correct element to apply the styling. </p>
  
  <p>Can someone please correct this for me?</p>