具有子菜单的菜单项上的自定义CSS类或ID

时间:2011-04-18 作者:GavinR

如果我想将样式仅应用于具有子菜单的菜单中的项目,如何使用CSS选择该样式?

2 个回复
最合适的回答,由SO网友:t31os 整理而成

如果您对jQuery解决方案持开放态度,那么您可以使用jQuery?

<script type="text/javascript">  
jQuery(document).ready( function($) {
    $(\'#your_menu_id li\').has(\'ul\').addClass(\'has_children\');
});
</script>
对我发布的内容进行了轻微修改here 大体上

任何带有子菜单的菜单项都将具有has_children 可以在样式表中作为目标的类。。

#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 */ }
希望这有帮助。。

SO网友:Bainternet

转到“管理”中的“我的菜单”区域,单击顶部的“屏幕选项”链接,并选中“CSS类”,然后在每个菜单上,我将有一个区域,可以为该菜单项定义我的CSS类。enter image description hereenter image description here

结束