2011-08-06 21 views
0

私はタイプ1の場合は何も起こりませんが、タイプ2の場合は最初のdiv:Sを変更するという問題があります。子要素は機能しません

http://d.pr/m07l

は、最初と最後の子が自分のセレクタを持っているので、それは何イムが間違っ

+0

HTMLとCSSのコードをここに貼り付けることはできますか?そして、あなたは「タイプ1」と「タイプ2」の意味は何ですか?どこに入力しますか? – BoltClock

+0

あなたはあなたが間違っていることを知っていますか?私はあなたが何を求めているのか、あなたが何を期待しているのか、間違っているのかを知っているとは思わない。 –

+0

私は彼が「nth-child」の数字について話していると思うし、最初の子供に影響を与えるべきである「1」を使うことはそうではありません。最初の子は 'nth-child(2)'を使うときだけ影響を受けます。 – andyb

答えて

0

をやって知っていますか:

:first-child 

:last-child 

だから、代わりに.newsPost:firstChildを使用する必要があります.newsPost:nth-child(1)です。

+1

':first-child'は':nth-​​child(1) 'に相当し、':last-child'は ':nth-​​last-child(1)'と同じです。それらのすべてが有効なセレクタです。 – BoltClock

+0

@BoltClockうん、それはまたandybが言ったことだ - 私はどちらもうまくいかなかったので、私はかなり混乱している。しかし、私はこのセレクターを使用してからしばらくしているので、いくつかの事が変更されている可能性があります:)私の投稿を削除する必要がありますか? – Quasdunk

+0

私はnth-child(1)などを意味します。私はmargin-rightを削除したい:このような3クラスと6クラスのものhttp://net.tutsplus.com/tutorials/html-css-techniques/quick-私はうまくいきません:S – olee

2

:nth-child()1-indexedで、:nth-child(1)が最初の子を選択します。あなたが望むものを選択していない場合は、実際に最初の子がもう1人必要です。たぶんヘッダー…あなたのサンプル画像に

それはヘッダ(your siteへのリンクに感謝)であるので、あなたが数えるときだけ<div class="newsPost">を検討する代わりに:nth-of-type()を使用する必要があります。

+1

Quasdunkの答えのコメントを参照してください。 – BoltClock

関連する問題