84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Webサイトをクロールしていると、h2とh3は同じ構造になっている気がするのですが、なぜh2:first-childではデータが取得できるのに、h3ではデータが取得できないのでしょうか。
最終結果 h2_1 と h2_2 は同じですが、問題ありません。 h3_1 は問題ありませんが、h3_2 は空です。これはなぜですか?
コードは次のとおりです
セレクター xxx:first-child は、xxx の親要素の最初の子要素が xxx である場合、xxx を選択するには、これら 2 つの条件が同時に満たされる必要があることを意味します。
は xxx の親要素の最初の子要素ではなく、また xxx の親要素の子要素の最初の xxx でもありません
h2.font-headline-teaserの親要素の最初の子要素はh2.font-headline-teaserなので選択可能です
h3.font-sub-headlineの親要素の最初の子要素はh3.font-sub-headlineではないので空です
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
セレクター xxx:first-child は、xxx の親要素の最初の子要素が xxx である場合、xxx を選択するには、これら 2 つの条件が同時に満たされる必要があることを意味します。
は xxx の親要素の最初の子要素ではなく、また xxx の親要素の子要素の最初の xxx でもありません
h2.font-headline-teaserの親要素の最初の子要素はh2.font-headline-teaserなので選択可能です
h3.font-sub-headlineの親要素の最初の子要素はh3.font-sub-headlineではないので空です