web-dev-qa-db-fra.com

Classe CSS personnalisée ou ID sur les éléments de menu comportant un sous-menu

Si je veux appliquer un style uniquement à un élément d'un menu comportant un sous-menu, comment puis-je le sélectionner avec CSS?

1
GavinR

Vous pouvez utiliser jQuery si vous êtes ouvert à une solution jQuery?

<script type="text/javascript">  
jQuery(document).ready( function($) {
    $('#your_menu_id li').has('ul').addClass('has_children');
});
</script>

Légère modification de ce que j'ai posté ici en gros.

Tout élément de menu avec un sous-menu aura alors une classe has_children que vous pourrez cibler dans la feuille de style.

#your_menu_id li.has_children { /* your styling */ }
#your_menu_id li.has_children ul { /* your styling */ }
#your_menu_id li.has_children ul li { /* your styling */ }

J'espère que cela pourra aider..

1
t31os

Allez dans ma zone de menu dans admin, cliquez sur le lien "Options d'écran" en haut, puis cochez la case "Classes CSS", puis sur chaque menu, une zone dans laquelle je peux définir ma classe CSS pour cet élément de menu. enter image description hereenter image description here

1
Bainternet