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ではないので空です