6

:nth-child演算子を使用して、最初の段落の横にある特定のDIV内のすべての段落をターゲットにするにはどうすればよいですか？

:nth-child(/* select all but the first one */) {
     color: green;
}
<div>
    <p>Example 1</p>
    <p>Example 2</p>
    <p>Example 3</p>
    <p>Example 4</p>
    <p>Example 5</p>
    <p>Example 6</p>
    <p>Example 7</p>
</div>

4

3 に答える 3

13

次の式を使用できます。

:nth-child(n+1)

または一部のブラウザーの場合:

:nth-child(n+2)

W3Schools は次のように述べています。

式 (an + b) を使用します。説明: a はサイクル サイズ、n はカウンター (0 から開始)、b はオフセット値を表します。

リンク

:first-childまたは、この最初の要素に個別の CSS 宣言を使用できます。

于 2012-08-30T08:48:02.183 に答える
6

使用する

p:nth-child(n+2) {
    color: green;   
}

ワーキングデモ

Reference

于 2012-08-30T08:49:24.597 に答える
4

試す

div > p:nth-child(n+2)

http://jsfiddle.net/Q6FDq/のデモ

于 2012-08-30T08:50:12.127 に答える