ファーストチャイルドとラストチャイルドが有効ではないという問題を解決する

問題の説明：構造擬似クラスfirst-childとlast-childを使用すると失敗することがあります。
理由：セレクターの有効な条件は、divの最後の子要素がpでなければならないことですが、実際のHTML構造では、さまざまなタイプの要素が常に散在しています。一緒に、
ソリューション：div p：last-of-typeを使用し、p要素からのみ検索し、他のタイプの要素を無視します。
p:last-of-type {background-color: blue;}