2018Codingcss-selectorcssで普段から良く使う、〇〇番目の要素を指定するnth-child・nth-of-typeについて、まとめておきたいと思います。only-of-type()nth-child、nth-of-typeの違いについてこの2つの擬似クラスは、同じような機能を持っており、HTMLの構造によっては全く同じ結果になりますが、以下の通り、それぞれ異なる要素の数え方をします。nth-child(X)X番目の子要素を指定するnth-of-type(X)同じタイプのタグで、X番目の子要素を指定する使用サンプル使用するHTMLサンプル。red}表示結果only-childとonly-of-typeについてどちらも唯一の子要素だった場合に、反映されますが、only-childの場合、以下のサンプルでは、p以下にspanが唯一であっても、strongが一緒にあるなど、他のタグが一緒にある場合は、反映されません。使用するHTMLサンプル。ブログをはじめたいと思います。気持ちの持ち方は、本当に大切ですね。「nth-child」、「nth-of-・・・ページ上部へお問い合わせお見積りやご相談など、お問い合わせフォームより、お気軽にお問い合わせ下さい。内容を確認させて頂き、1~3営業日中に返信をさせて頂きます。reservedプライバシーポリシ。