dijit.menu css selector

http://stackoverflow.com/questions/11472168/dijit-menu-css-selector

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css">
<button id="dropdownButton" title="Switch Basemap" dojoType="dijit.form.DropDownButton">                    
            <div dojoType="dijit.Menu" id="bingMenu" class="myMenu" >
                
            </div>
        </button>

CSS

.claro .dijitMenu {
 background-color: black; 
 width:50px !important;
 overflow: scroll;
}
.dijitMenu.myMenu .dijitMenuItem {
 background-color: red;  
}
.dijitMenu.myMenu .dijitMenuItem .dijitMenuItemLabel {
 color: white;   
}

JavaScript

require(["dojo/aspect", "dojo/parser", "dijit/form/DropDownButton", "dijit/Menu", "dijit/MenuItem"]);

dojo.ready(function() {
    
    var w = dijit.byId("bingMenu");
    dojo.addClass(w.domNode, "myMenu");
    
    w.addChild(new dijit.MenuItem({
        label: "Bing Menu"
    }));
      w.addChild(new dijit.MenuItem({
        label: "Bing Menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu"
    }));
      w.addChild(new dijit.MenuItem({
        label: "Bing Menu"
    }));
      w.addChild(new dijit.MenuItem({
        label: "Bing Menu"
    }));
                                
});