WP sydneyテーマ内 CSS ヘッダーメニューの背景に部分的に色を付けたい

Question

前提・実現したいこと

お世話になります。
WPテーマ sydneyを使用してWEBを制作しています。

ヘッダーメニューの
「1つのメニュー項目のみ背景色を変更したい」
のですが、やり方がわからず困っております。

メニュー全体の背景色変更まではなんとか出来たのですが、どうしても部分的に変更せねばならず
お知恵を授かれればと思います。

もしくは、「メニュー横にバナーを表示させる方法」
でも構いません。

何卒宜しくお願い致します。

発生している問題・エラーメッセージ

ヘッダーメニューの背景色を1メニューにのみつけたい
(右端のメニュー)

該当のソースコード

/*メインメニューバー背景色*/
#mainnav {
 background: #F0AD4E !important; /* 背景色*/
 padding: 10px 0; /* パディング*/
 border-radius: 10px 0; /* 角丸*/
 }

↑これでメニュー全体の背景は覆われました(backgroundに色が付きました)

試したこと

Sydney: スタイルシート (style.css)内
/* navigation */以下に追加しました。

補足情報（FW/ツールのバージョンなど）

Answer 1

HTMLでIDを付与するかCSSの擬似クラスの:nth-child()をご利用ください。

MDN

Comments

[wx4]

ありがとうございます。
もう少し具体的に教えていただけると助かります。

[kyoya0819]

具体的というのは両方のことですか？

[wx4]

回答有り難うございます。

例えばこういうコードを記述します。
--------------------------------------
#mainnav {
background: #F0AD4E !important; /* 背景色*/
padding: 10px 0; /* パディング*/
border-radius: 10px 0; /* 角丸*/
}

↑これでメニュー全体の背景は覆われました(backgroundに色が付きました)
--------------------------------------
という感じで表記頂けると助かります。

何卒宜しくお願い致します。

[kyoya0819]

MDNに書いてあることが全てですが例を書くとすると
https://codepen.io/asuchi0819/pen/MWgpyrK?editors=1100#0
みたいな感じでしょうか

[kyoya0819]

この時3の倍数の子要素に設定したいなら数字の部分を「3n」2の倍数なら「2n」と指定してください。