Question

我有一个包含4个菜单项的asp.net地平线菜单。第二个有一个子菜单。所有这些都是中心对齐但由于子菜单，第二个元素的文本似乎向左移动。我想将css应用于这个特定的菜单项。

                                    <Items>
                                    <asp:MenuItem Text="" Value="" NavigateUrl=""></asp:MenuItem>
                                    <asp:MenuItem Text="" Value="" NavigateUrl=""> // want to apply CSS to this particular Item in such a way that it shouldn't break if the order of the items is changed.
                                        <asp:MenuItem Text="" Value="" NavigateUrl="></asp:MenuItem>
                                    </asp:MenuItem>
                                    <asp:MenuItem Text="" Value="" NavigateUrl=""></asp:MenuItem>

                                </Items>

Answer 1

顶级项目有类＆＃34;静态＆＃34;应用于他们，他们内部的所有项目都有类＆＃34;动态＆＃34; （还有其他类，但检查标记）。你不能将特定的类应用于某个项目（你可以，但这是一个巨大的痛苦）但你可以做一个CSS技巧来获得你正在搜索的结果：

设置＆＃34;工具提示＆＃34;特别是项目 - 它将被呈现为＆＃34;标题＆＃34; HTML中的属性
在您的CSS文件中按属性添加选择器，即＆＃34; .navigation a [title =＆＃39; {{THE_TOOLTIP_VALUE}}＆＃39;] {color：red; }＆＃34;

注意：您可以通过“菜单”属性或“菜单”控件中的其他元素来浏览样式和类。如需完整参考，请查看https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.menu.aspx

个人观点：默认情况下，asp：Menu具有预定义的CSS类，内联样式，并且您可以获得一些开箱即用的JavaScript（通过ScriptResource.axd处理程序）。在某些时候，你需要删除它们或替换它们......然后你就会开始拉扯你的头发:)编写你自己的HTML菜单生成器需要几个小时 - 不要花几天时间试图弄清楚如何修改菜单控件，因为它毫无意义。

Answer 2

在相应的var fruitObjects = [{name:"Banana"},{name:"Orange"},{name:"Apple"},{name:"Mango"}]; function removeFruitObjects(){ var newFruits = []; fruitObjects.forEach(function(fruit, index){ if(fruit.name != "Banana" && fruit.name != "Orange"){ newFruits.push(fruit); } }) fruitObjects = newFruits; } removeFruitObjects(); // fruitObjects: [ { name: 'Apple' }, { name: 'Mango' } ]中添加CssClass="SomeMenuClass"，并提供样式详细信息，例如

asp:Menu

将CSS应用于特定菜单项asp.net菜单

2 个答案: