Wie das siebte Kind zum Ziel haben nur

Question

Problem ich den folgenden Code, der die Navigationsleiste angezeigt werden, die von Mura zur Verfügung gestellt:

#$.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') 
)# 

Und die zeigt folgende Navigationsleiste:

Wie Sie oben sehen können, wird die zweite Zeile der Navigationsleiste nach rechts verschoben. Ich versuchte, das folgende CSS die zweite Reihe mit der ersten Reihe von der Navigationsleiste auszurichten:

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

aber es funktioniert nicht. Jede Hilfe wäre willkommen.

Answer 1

Verwenden Sie einfach den Code unten 7. Kind

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

Referenz zum Ziel: CSS Tricks

Answer 2

Sie die folgende CSS verwenden, um die siebte Element der Liste Ziel kann. Ich nehme an, dass alle Verbindungen Teil der gleichen Liste sind, also änderte ich die UL zu Li.

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