html - 如何仅针对第 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

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

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

Answer 2

只需使用下面的代码来定位第 7 个孩子

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

参考：CSS技巧