サブメニューを持つメニュー項目のカスタムCSSクラスまたはID

Question

サブメニューがあるメニュー内の項目にのみスタイルを適用したい場合は、CSSでそれを選択する方法はありますか

Answer 1

あなたがjQueryソリューションに寛容であれば、あなたはjQueryを使用することができますか？

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

私がここに投稿したもの を若干修正しました .

サブメニューのあるメニュー項目は、スタイルシートでターゲットにできる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 */ }

それが役立つことを願っています..

Answer 2

Adminの私のメニュー領域に行き、一番上の「Screen Options」リンクをクリックし、そして「CSS Classes」をチェックしてください、そして各メニューに私はそのメニュー項目のために私のCSSクラスを定義できる領域があります。