Siva,
OK I tested that css rule for removing the first whole map service. It seems like you are wanting to remove the first layer of a map service. Here is some code for that (like you started with):
'dojo/query'
...
query
...
_createLegendForOperationalLayers: function() {
var legendParams = {
arrangement: this.config.legend.arrangement,
autoUpdate: this.config.legend.autoUpdate,
respectCurrentMapScale: this.config.legend.respectCurrentMapScale,
map: this.map,
layerInfos: this._getLayerInfosParam()
};
this.legend = new Legend(legendParams, html.create("div", {}, this.operationalLayersPart));
this.legend.startup();
setTimeout(lang.hitch(this, function(){
query('.esriLegendLayer')[0].style.display="none";
query('.esriLegendLayerLabel')[0].style.display="none";
}), 300);
},
...
refreshLegend: function() {
if(this.legend) {
var layerInfos = this._getLayerInfosParam();
this.legend.refresh(layerInfos);
setTimeout(lang.hitch(this, function(){
query('.esriLegendLayer')[0].style.display="none";
query('.esriLegendLayerLabel')[0].style.display="none";
}), 300);
}
}