title: Add dropdown arrow indicators to menu items that have submenus only?
body: <p>I am currently trying to add arrow indicators on my navigation menu for items which have submenu options.</p>
  
  <p>Currently I am using this CSS:</p>
  
  <pre><code>.mainNav li &gt; a:after {
     color: #444;
     content: ' ▾';
  }
  </code></pre>
  
  <p>But this adds a dropdown arrow to every <code>&lt;li&gt;</code> regardless of if there is a submenu or not. Is there a way with just CSS to only add this arrow to items that have sub-items?</p>
  
  <p>Thanks!</p>