nth-of-type/nth-child がネストされた要素に対して機能しないのはなぜですか?

Question

div 内の奇妙な div のスタイルを変更しようとしています。何らかの理由で、nth-of-type(odd) が別の div 内にあると、すべての div に影響します。通常の div と奇数 div のコードは次のとおりです:

リーリー リーリー

何らかの理由で、nth-of-type は div 内でラップされた場合には機能しませんが、どの div 内にもラップされていない場合には機能します。

div でラップされていない場合の作業バージョン:

リーリー リーリー

最初のコードを上記のように動作させるにはどうすればよいですか?

Answer 1

:nth-of-type() は、両方とも同じ親に由来する必要があるという点で :nth-child() に似ています。これらのラッパー div が必要な場合は、これらのラッパーで :nth-of-type() を使用します。 リーリー

すべての兄弟が

.post である場合、:nth-child() を使用して、:nth-true との競合を回避します。 of-type(): の意味 リーリー

リーリー リーリー