檢查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/