定位包含ul的li

Question

我的CMS導航有一個導航。 我想在打開子菜單的li中添加一個V形箭頭，但是我很難定位它，因為ul添加了if語句，例如<％if Children％>。

所以我想通過css添加雪佛龍

a:before {
   font-family: FontAwesome;
   content: "\f095";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}

CSS樣式是什么？ 它是第三個子菜單，所以我在思考一些事情

導航ul ul> li> ul

^我意識到這沒有任何意義。

因此，在該圖像中注意所有ul ul li元素如何具有V形符號。 這就是我的問題。 我只想要包含子菜單的li來獲得一個cheveron。

對不起，解釋有點混亂-歡迎所有想法，大概是CSS，但是如果它是唯一的方法，我可以使用javascript工作！

這是我的導航代碼，如果有幫助

<div class="navigation-container">

            <ul>     
                <% control Menu(1) %>                   
                    <li class="$LinkingMode"><a href="$Link" title="$Title" <% if RedirectionType = External || RedirectionType = RDFileTitle %>target="_blank"<% end_if %>>$MenuTitle </a>                   
                      <% if Children %> 

                          <ul> 
                              <% control Children %> 
                                  <li class="$LinkingMode"><a href="$Link" title="$Title" <% if RedirectionType = External || RedirectionType = RDFileTitle %>target="_blank"<% end_if %>>$MenuTitle </a> 
                                     <% if Children %>

                                         <ul> 
                                             <% control Children %> 
                                                <li class="$LinkingMode"><a href="$Link" title="$Title" <% if RedirectionType = External || RedirectionType = RDFileTitle %>target="_blank"<% end_if %>>$MenuTitle</a>
                                                    <% if Children %>

                                                        <ul>
                                                            <% control Children %>
                                                                <li class="$LinkingMode"><a href="$Link" title="$Title" <% if RedirectionType = External || RedirectionType = RDFileTitle %>target="_blank"<% end_if %>>$MenuTitle</a>
                                                                    <% if Children %>

                                                                        <ul>
                                                                            <% control Children %>
                                                                                <li class="$LinkingMode"><a href="$Link" title="$Title" <% if RedirectionType = External || RedirectionType = RDFileTitle %>target="_blank"<% end_if %>>$MenuTitle</a>
                                                                            <% end_control %>  
                                                                        </ul>

                                                                    <% end_if %>
                                                                    </li>   
                                                            <% end_control %>  
                                                        </ul>

                                                    <% end_if %> 
                                                    </li>
                                             <% end_control %> 
                                         </ul> 

                                     <% end_if %> 
                                  </li> 
                              <% end_control %> 
                          </ul>

                      <% end_if %>                 
                   </li>
                <% end_control %> 
            </ul>
            <div style="clear:both"></div>

<div style="clear:both"></div>      
</div>

Answer 1

我擔心CSS不會在這個上獲勝... CSS不可能向后遍歷（也就是說，子元素不能影響它的父元素）。

但是，服務器端可以處理此問題...對於每個li元素，添加另一個<% if Children %>語句。 像這樣：

<li class="$LinkingMode" <% if Children %> class="has-child" <% end_if %>  >

然后，您可以將上述的CSS規則修改為目標： li.has-child > a:before {...}