Comment cibler le 7e enfant ne

Problème je le code suivant qui affiche la barre de navigation qui est fourni par Mura:Comment cibler le 7e enfant ne

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

Et l'affichage de la barre de navigation suivante:

Comme vous pouvez le voir ci-dessus, la deuxième rangée de la barre de navigation est décalée vers la droite. J'ai essayé le suivant pour aligner css la deuxième rangée avec la première rangée de la barre de navigation:

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

Cependant, il ne fonctionne pas. Toute aide serait appréciée.

Source

2017-06-08 Roberto Flores

Je vous suggère de créer du violon pour votre problème. –

Essayez-vous de cibler spécifiquement le septième élément, ou le premier élément qui entoure votre barre de navigation? (qui peut ne pas être le 7ème, en fonction de la taille de la fenêtre/police) –

Il suffit d'utiliser le code ci-dessous pour cibler 7ème enfant

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

Référence: CSS Tricks

Source

2017-06-08 18:57:49

Cela viserait le 7ème 'ul'. De plus, vous avez un ':' supplémentaire dans votre sélecteur. –

J'étais un peu endormi ...: D –

Vous pouvez utiliser le code CSS ci-dessous pour cibler le 7 élément de la liste. Je suppose que tous les liens font partie de la même liste donc j'ai changé l'ul à li.

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

Source

2017-06-08 19:06:30 Axion

Comment cibler le 7e enfant ne

Répondre

Questions connexes