同じ階層に並んで”いない”要素はどう書いたらいいですか?

例を出しながら説明します。
2021年2月23日
ユーザー

nth-childnth-of-typeは、同じ階層に並んで”いない”要素に対しては使うことが出来ませんか?

例えば、

  <div class="contents">
      <img src="image/image1.jpg">
      <div class="text">
        <h2>Sub Tittle</h2>
        <p>文章です。</p>
      </div>
    </div>

これと構造の同じものが複数繰り返される場合、奇数番目だけに.text{display: flex;}を指定したい時はどのように指定するのが最適でしょうか。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(7)