2要素ずつcssを適用する疑似クラスの書き方はありますか？

<ul>
　<li>あああ</li>
　<li>いいい</li>
　<li>ううう</li>
　<li>えええ</li>
　<li>おおお</li>
　<li>かかか</li>
　<li>ききき</li>
　<li>くくく</li>
</ul>

「あああ」と「いいい」の文字色を「赤」に
「ううう」と「えええ」の文字色を「青」に
「おおお」と「かかか」の文字色を「赤」に
「ききき」と「くくく」の文字色を「青」に

上記のように2要素毎にスタイルを当てたいときの疑似クラスの書き方ってあるんでしょうか…(´；ω；`)ｳｩｩ
ググりまくったのですが、そんな書き方が出てこないので無理なんですかね…( ﾉД`)

No.2 ベストアンサー 回答者： fujillin 回答日時： 2021/11/12 17:47

こんにちは

素直に
li { color: red; }
li:nth-child(4n) , li:nth-child(4n+3) { color: blue; }
とかではダメなのでしょうか？

この回答へのお礼

お礼が遅くなってしまって失礼いたしました！
ソースを書いてくださって本当にありがとうございました！！
そうです！！これがやりたかったことでした｡ﾟﾟ(*´□`*｡)°ﾟ。

お礼日時：2021/11/14 10:07

No.1 回答者： mtsu-o 回答日時： 2021/11/12 17:19

nth-childはどうでしょうか

https://developer.mozilla.org/ja/docs/Web/CSS/:n …

この回答へのお礼

お礼が遅くなってしまって失礼いたしました！
ありがとうございます！！参考になりました！！

お礼日時：2021/11/14 10:06