1

この特定のサイトでは、CSSまたはjQueryを介してn番目の子を使用すると、「n番目の子」セレクターが間違った要素をキャプチャしています。私が呼んでいるセレクターの前に1人の子供がいます：

.home article:nth-child(3) {} //captures 2nd child

これは、代わりに2番目の子をキャプチャしているようです。私が試みた場合：

.home article:nth-child(1) {} //captures nothing

これは要素をキャプチャしません。jQueryでは、空の配列として表示されます。これが私が取り組んでいる開発サイトです。ありがとうございました。

http://heilbrice.designliftoff.com/

4

1 に答える 1

7

divサイトには、コンテナ内の親要素の最初の子であるclearfixがあるため、最初の子articleは実際には2番目の子であり、最初の子ではありません。

<div class="row-main clearfix">
    <div class="clearfix"></div>  <!-- .row-main.clearfix > :nth-child(1) -->

    <article id="post-" class=""> <!-- .row-main.clearfix > :nth-child(2) -->

CSSでは、代わりに3番目の要素:nth-of-type()に到達するために使用できます。article

/* Select the 3rd article in its parent within .home */
.home article:nth-of-type(3) {}

奇妙なことに、jQueryはをサポートしていない:nth-of-type()ため、クロスブラウザーソリューションの場合は:eq()、ゼロベースのインデックスを選択する必要があります。

// Select the 3rd article within .home
$('.home article:eq(2)')
于 2012-07-24T15:03:16.647 に答える