title: Check if li has ul
body: <p>We have a subnavigation with several UL elements with li's with UL elements in it.</p>
  
  <p>Consider the following:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt; &lt;a href="#"&gt;link level 1&lt;/a&gt;
  
          &lt;ul&gt;
              &lt;li&gt; &lt;a href="#"&gt;link level 2&lt;/a&gt;
  
              &lt;/li&gt;
              &lt;li&gt; &lt;a href="#"&gt;link level 2&lt;/a&gt;
  
                  &lt;ul&gt;
                      &lt;li&gt; &lt;a href="#"&gt;link level 3&lt;/a&gt;
  
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>We need an arrow behind all of the anchor tags, except on level 3.</p>
  
  <p>I now have the following CSS, but this only displays the arrow icon behind level 2.</p>
  
  <pre><code>ul {
      padding:20px 0 0 0;
      ul {
          padding: 0;
          margin-left: 13px;
          &amp; &gt; li {
              list-style-type: none;
              &amp; &gt; a:not(:last-child):after {
                  margin-top:3px;
                  content:"\E259";
                  font-family:'Glyphicons Halflings';
                  text-align:right;
                  font-size: 10px;
                  float:right;
              }
          }
      }
  }
  </code></pre>
  
  <p>This draws the icon where a is not the last element. But we also need to have the arrow behind level 1, which according to this CSS is the last element, so the arrow icon is not drawn.</p>
  
  <p>How can we solve this?</p>