4

この質問は私を困惑させた

このような構造があるとします

<!-- Elements can be dynamic -->
<div>
  <section>

  </section>
  <section>
    <p>1st Para</p>
  </section>
  <section>
    <p>2nd Para</p>
  </section>
  <section>

  </section>
</div>

pこの場合、要素の最初のインスタンスのみを選択するにはどうすればよいですか?

注: セクションは動的にできるため、

div section:nth-of-type(2) p {
   /* This won't work */
}
4

2 に答える 2

4

これは、CSS だけでは不可能です。要素が動的に生成されると言いましたが、その場合は、プログラムで最初にクラスを配置し、<p>そのようにターゲットにします。

これにより、ブラウザ間の互換性も確保されます。可能であれば、間違いなく CSS3 疑似クラスを使用する必要があるからです。

于 2013-05-06T14:32:47.843 に答える
0

を使用するp:firstと、クラスのように機能しますが、yout html タグp:secondを追加する必要はありません。.anyclassお役に立てれば。

于 2013-05-07T02:03:09.647 に答える