Question

我将导航用于CMS的循环。我想在打开子菜单的li上添加一个V形箭头，但是我无法定位它，因为ul添加了if语句，例如＆lt;％if Children％＆gt;。

所以我想通过css

添加雪佛龙

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

那css风格是什么？它是第三个子菜单所以我正在思考

的内容

nav ul ul＆gt; 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不可能向后移动（也就是说，一个子元素不能影响它＆＃39;父母）。

然而，服务器端可以处理这个...对于每个li元素，添加另一个<% if Children %>语句。像这样：

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

然后您可以将上面提到的css规则修改为定位：li.has-child > a:before {...}

定位包含ul

1 个答案: