ciblant une classe d'un id

Je css essaie de cibler la classe .page-a-enfants dans le code suivant:ciblant une classe d'un id

<div id="dc_jqverticalmegamenu_widget-2" class="widget sidebarwidget "> 
    <div class="dcjq-vertical-mega-menu" id="dc_jqverticalmegamenu_widget-2-item"> 
    <ul id="menu-media-intellectual-property" class="menu"> 
     <li id="menu-item-2674" class="page-has-children menu-item menu-item-type-post_type menu-item-object-page menu-item-2674"> 
     <a href="http://saracens.staging.wpengine.com/commercial-clients/commercial-litigation/media-and-intellectual-property">Media and Intellectual Property</a> 
      <ul class="sub-menu"> 
      <li id="menu-item-2672" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2672"> 
       <a href="http://saracens.staging.wpengine.com/commercial-clients/commercial-litigation/media-and-intellectual-property/it-and-software-disputes">IT and Software Disputes</a> 
      </li> 
      <li id="menu-item-2673" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2673"> 
       <a href="http://saracens.staging.wpengine.com/private-clients/civil-litigation/media-and-intellectual-property/trademarks-and-patents">Trademarks and Patents</a> 
      </li> 
      </ul> 
     </li> 
     </ul>  
    </div> 
    </div> 
</div>

J'ai essayé plusieurs variations, mais je me doutais bien celui-ci devrait fonctionner:

#dc_jqverticalmegamenu_widget-%ID%-item li.page-has-children {}

J'ai aussi essayé

div.dcjq-vertical-mega-menu li.page-has-children { 
    background: url(images/arrow-right.gif) no-repeat -3px 0px; 
    padding: 0 0 0 15px; 
    cursor: pointer; 
}

J'ai aussi essayé les recommandations de ce post forum: http://css-tricks.com/forums/discussion/10960/target-a-class-inside-id/p1

Aucun d'entre eux ne me permet de voir la flèche sur un élément de menu qui a des enfants.

Source

2012-07-19 Khuram Malik

Suggérer: ajouter temporairement 'background-color: red' au sélecteur pour le rendre très clair si elle fonctionne (plus facile de savoir cela a fonctionné que les propriétés plus subtiles) puis utilisez également les outils de développement FireBug, IE/Chrome pour vérifier si le sélecteur correspond. Comme les identifiants sont uniques, avoir plusieurs sélecteurs d'identifiant dans un sélecteur est inutile (ou avez-vous des identifiants non uniques?) – Richard

Suggère également de commencer par des simplifications très poussées (en particulier lorsque vous posez des questions): même avec du code ?) semble vouloir tester la capacité des navigateurs pour plusieurs classes. – Richard

Les ID sur le menu sont uniques et ils sont signifiés dans le php avec% ID. Je suis capable de cibler l'ID correct, et je pense que je peux cibler la bonne classe avec, mais je pense que c'est soit surchargé ou héritant de quelque part. J'ai vérifié dans firebug et chrome et il montre la couleur de texte rouge comme rayée, qui je présume signifie que son soit écrasé ou non appliqué? –

Avez-vous essayé:

#dc_jqverticalmegamenu_widget-2 #dc_jqverticalmegamenu_widget-2-item #menu-media-intellectual-property .page-has-children { 

}

Source

2012-07-19 14:45:07 DOCbrand

Je l'ai essayé. Ça ne semble pas faire de différence. Je pense vraiment que le css est remplacé, mais en vérifiant dans Firebug et Chrome, je ne peux pas savoir quelle propriété l'écrase. –

ciblant une classe d'un id

Répondre

Questions connexes