如何针对第7个孩子

Question

问题我有以下代码显示Mura提供的导航栏：

#$.dspPrimaryNav(
viewDepth=0
, id='navPrimary'
, class='nav navbar-nav nav-nowrap'
, displayHome='never'
, closeFolders=false 
, showCurrentChildrenOnly=false
, liHasKidsClass='dropdown'
, liHasKidsAttributes=''
, liCurrentClass=''
, liCurrentAttributes=''
, liHasKidsNestedClass='dropdown-submenu'
, aHasKidsClass='dropdown-toggle'
, aHasKidsAttributes='role="button" data-toggle="dropdown" data-target="##"'
, aCurrentClass=''
, aCurrentAttributes=''
, ulNestedClass='dropdown-menu'
, ulNestedAttributes=''
, aNotCurrentClass=''
, siteid=$.event('siteid')
)#

并显示以下导航栏：

如上所示，导航栏的第二行向右移动。我尝试使用以下css将第二行与导航栏的第一行对齐：

#navPrimary ul:nth-child(3n+1){
    margin-left:-15px;
}

但是，它不起作用。任何帮助，将不胜感激。

Answer 1

只需使用以下代码定位第7个孩子

#navPrimary ul li:nth-child(7){}

参考：CSS Tricks

Answer 2

您可以使用以下css来定位列表的第7项。我假设所有链接都是同一个列表的一部分，所以我将ul更改为li。

#navPrimary li:nth-child(7){
    margin-left:-15px;
}