解释first-child与first-of-type的区别是什么？

first-child和first-of-type是CSS中的两种伪类选择器，它们的选择目标略有不同。

first-child选择器会选择其父元素的第一个子元素，也就是说，它会选择结构上的第一个子元素。无论这个子元素是什么类型，只要它是第一个，就会被选中。

相比之下，first-of-type选择器会选择其父元素下相同类型子元素中的第一个。这意味着，它不仅仅考虑元素是否是第一个子元素，还要考虑它是否是其类型中的第一个。例如，如果一个父元素有三个<p>（段落）子元素，那么:first-of-type选择器会选择第一个<p>元素，而不是第一个子元素（如果这个第一个子元素不是<p>类型的话）。

因此，这两种选择器的主要区别在于它们的选择依据：first-child基于子元素的位置，而first-of-type则基于子元素的类型和位置。

请注意，选择使用哪种选择器取决于你的具体需求。如果你需要选择结构上的第一个子元素，那么first-child可能更合适。但如果你需要选择某种特定类型的第一个子元素，那么first-of-type可能更合适。