检查li是否有ul

Question

我们有一个带有UL元件的UL导航子导航，其中有UL元件。

考虑以下几点：

<ul> 
    <li> <a href="#">link level 1</a> 

     <ul> 
      <li> <a href="#">link level 2</a> 

      </li> 
      <li> <a href="#">link level 2</a> 

       <ul> 
        <li> <a href="#">link level 3</a> 

        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

我们需要一个箭头后面的所有锚标签，除了在3级

我现在有以下CSS，但这只是显示的箭头图标背后级别2.

ul { 
    padding:20px 0 0 0; 
    ul { 
     padding: 0; 
     margin-left: 13px; 
     & > li { 
      list-style-type: none; 
      & > a:not(:last-child):after { 
       margin-top:3px; 
       content:"\E259"; 
       font-family:'Glyphicons Halflings'; 
       text-align:right; 
       font-size: 10px; 
       float:right; 
      } 
     } 
    } 
} 

这绘制了a不是最后一个元素的图标。但是我们也需要在第1级后面有箭头，根据这个CSS是最后一个元素，所以箭头图标没有绘制。

我们该如何解决？

Answer 1

你需要更新你的少（请注意我已经更新了字体&内容，所以我没有导入字形字体）：

ul { 
    padding:20px 0 0 0; 
    & > li { 
      list-style-type: none; 
      & > a:not(:last-child):after { 
       margin-top:3px; 
       content:">"; 
       font-family:'arial'; 
       text-align:right; 
       font-size: 10px; 
       float:right; 
      } 
     } 
    ul { 
     padding: 0; 
     margin-left: 13px; 
    } 
} 

注意“>”是在输出窗口的最右侧。 在这里看到工作示例： https://jsfiddle.net/6duxLkc4/