デザイナーTweetCSS2では、:first-childを使って最初の要素を選択することができますが、CSS3では、:nth-child(n)を使って、特定の順番にある要素を選択することができます。「p:nth-child(2)」としてしまった場合、pの親要素である<div>の子要素にはpの前に<h2>と<h3>があり、この親要素の<div>の2番目の子要素はh3になるので、p:nth-child(2)という要素は存在しないことになり、この指定は無効になってしまいます。意図しない崩れが起きてしまう可能性も出てきてしまします。こんな場合に便利なのが、nth-childと同様にCSS3で使うことができるようになった、nth-of-typeです。指定した要素と同じタイプの要素だけを対象にカウントが行われるため、2番目にある<p>を選択することができます。IE9以上のブラウザで利用できます。:nth-of-type(n)の類似の要素として、:first-of-type、:last-of-type、:nth-last-of-type(n)があります。使い分けするといいと思います。ProfileninomiyaWebデザイナー兼コーダーです。イラストを描くのも好きです。SVGとCanvasを使ったWEBアプリにも興味があります。投稿一覧SearchRanking1Y!mobileメール(@yahoo.ne.jp)とyahooメール(@yahoo.co.jp)2経費削減!無料で古紙・段ボールを持って行ってくれる業者まとめ3最新AndroidOSをインストール出来るカスタムROMのススメ4知らなかった...CSSでテキストの両端揃えが普通にできた5目標達成用紙(マンダラート)のGoogleスプレッドシートつくりました。