在CSS中，选择器的作用就是让开发者可以精准地选中相应的HTML元素，并为其设置相应的样式。而在一些特殊的情况下，我们可能需要仅仅为第一个元素设置样式，而这时候，CSS中就有一个特殊的选择器可以满足我们的需求，那就是:first-child。下面就让我们来了解一下这个选择器的具体用法。

p:first-child {
color: red;
font-size: 24px;
}

上面这个选择器用到了:first-child选择器，它的意思是选择所有父级元素下的第一个元素。

例如，我们可以为一个父级元素下的第一个p元素设置样式：

<div>
<p>这个段落将不会被设置样式</p>
<p>这个段落将会被设置样式</p>
<p>这个段落也将不会被设置样式</p>
</div>

在上面的HTML代码中，我们可以为第二个p元素设置样式：

div p:first-child {
color: red;
font-size:24px;
}

这样，所有的p元素中，只有第二个p元素被设置了红色字体和24px的字号。

除了在p元素中使用:first-child选择器，我们还可以在其他的元素中使用它。例如在ul元素中，我们可以选择第一个li元素，并为其设置样式：

ul li:first-child {
font-weight: bold;
color: blue;
}

通过:first-child选择器，我们可以实现对第一个元素的精确选择，为其设置特殊的样式。这也进一步丰富了CSS的功能，让我们在样式设计中更加得心应手。