数式を使用しているn番目の子

こんにちは私はサムネイルごとに同じクラスの6つのサムネイルがあります。 2番目、5番目にはmargin-left:36px;、3番目と6番目には83pxが必要です。数式を使用しているn番目の子

はので、私はなぜ知らないこの

.commitee-members{ 
    margin:10px 15px; 
} 
.commitee-members-outers:nth-child(3n+2) .commitee-members{ 
    margin-left: 36px; 
} 
.commitee-members-outers:nth-child(3n+3) .commitee-members{ 
    margin-left: 83px; 
}

のようにCSSを記述しますが、第五クラスはmargin-left:83pxを持って、彼は第六クラスのdidntはmargin-left:83pxを持っています。ので、私はいくつかの運動に確認したが、この時間はその作業 HERESに私の場合

https://jsfiddle.net/bheoqL9e/1/

あなたが見ることができるように、そのが

を台無ししかし、この練習 https://jsfiddle.net/crgruyu3/ その作業に、

を助けてください

出典

2016-08-31 antonscie

これはコード内の3番目と6番目の要素を選択します。

.commitee-members-outers:nth-child(4n+3) .commitee-members{ 
    margin-left: 83px; 
}

出典

2016-08-31 18:29:43 Vcasso

waw tq buddy 。この式を知っていない私の場合を保存 – antonscie

あなたは大歓迎です！ – Vcasso

この要素には8人の子供がいます：3 .commitee-members-outers、1 .clearfix、3 .commitee-members-outers、1 .clearfixです。これらの要素はすべてセレクタでカウントされます。

.clearfix要素には異なるタグを使用し、.commitee-members-outersの数をカウントするには:nth-of-typeを使用します。

<body> 
    <div class="commitee-members-outers"></div> 
    <div class="commitee-members-outers"></div> 
    <div class="commitee-members-outers"></div> 
    <hr class="clearfix" /> 
    <div class="commitee-members-outers"></div> 
    <div class="commitee-members-outers"></div> 
    <div class="commitee-members-outers"></div> 
    <hr class="clearfix" /> 
</body>

jsFiddle

出典

2016-08-31 18:26:03 Whothehellisthat

私はそれを作るためにdivクラスclearfixが必要です。1rowイベントは、それぞれの色が異なる高さを持っています。私はあなたのコード

で試してみましたが、そのdidntの仕事。 – antonscie

フィドルにはその中にCSSはありませんでした。 DivsとHRsは、どちらも同じようにスタイルを設定できる要素です。[jsFiddle]（https://jsfiddle.net/bheoqL9e/3/） – Whothehellisthat

これは本当に問題がどのようなものかを示してくれることを願っています：P – Whothehellisthat

その<div class="clearfix"></div>は、n番目の子のプロパティを中断しているため。別の方法を使用して、&を部門に合わせてください。

出典

2016-08-31 18:27:36