:first-child


:first-childは、親要素にとって第一番目の直下要素のみを対象とする擬似クラス
適用対象:要素内の最初の子要素

▼HTML この場合は【:first-child】は効く

▼CSS

▼HTML この場合は【:first-child】は効かない

▼CSS

【 :first-of-type 】なら、指定した要素の前にどんなタグがあっても効く。
※ブラウザ実装状況はIE9からになります。

参考サイト:https://goma.pw/article/2015-02-06-0/