定位包含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 {...}