最も誤解されている 10 の CSS セレクター_html/css_WEB-ITnose

これらのセレクターには、first-child、last-child、only-child、nth-child(n)、nth-last-child(n)、first-of-type、last-of-type、only-of-type が含まれます。 、n 番目のタイプ (n)、n 番目の最後のタイプ (n)。すべてのセレクターの中で、おそらくこれら 10 個が最も誤解されています。

1. n

について

1) n の式は、xn + y です。 1、2n、2n+1 など。

2) nth-child(n) シリーズの n は、親要素のすべての子要素に番号を付けます。nth-type-child(n) の n は、間にある他の要素を無視して、同じ型の要素にのみ番号を付けます。

2. E:first-child と E:first-child

上の 2 つの書き方は同じではありません。first-child の前にスペースがあるかどうかです。ここが大きな違いであり、最も誤解されやすい点です。

1) スペースのない E:first-child は、「親要素の最初の子要素である E 要素を選択する」ことを意味します。

2) スペースを含む E:first-child は、「E 要素の最初の子を選択する」ことを意味します。要素"。