0

したがって、使用.class:nth-child(2)すると、ドキュメント内のそのクラスの2番目のインスタンスすべてに影響します...最初のインスタンスのみに影響を与えたいです。説明させてください：

.content:nth-child(2)影響を受ける属性を持つコンテンツに影響を与えます

<div class="test">
    <div class="content">a</div>
    <div class="content" affected="true">a</div>
    <div class="content">a</div>
    <div class="content">a</div>
</div>
<div class="test">
    <div class="content">a</div>
    <div class="content" affected="true">a</div>
    <div class="content">a</div>
    <div class="content">a</div>
</div>

ジャスフィドル

私の質問は、任意の div.contentのすべての 2 番目ではなく、ドキュメント全体の 2 番目のように、n 番目の子の最初のインスタンスのみに影響を与えるように設定するにはどうすればよいですか?.contents

4

2 に答える 2

1

一意の方法で識別される必要がある 2 番目の div に適用できます。

http://jsfiddle.net/r3bSz/1/

#test >.content:nth-child(2){
 background-color:#f00;
}

これを実現するには、複数の方法があります。たとえば、最初の子 (:first-childまたは:nth-child(1)) も使用できます。

于 2013-07-12T06:13:53.460 に答える
1

最初の d.testの2 番目の div.conentのみに影響を与えたいということですか?

.test:first-child .content:nth-child(2){
    background-color:#f00;
}

私が正しく理解していることを願っています。

于 2013-07-12T06:14:43.927 に答える