在CSS中，要选取第一个子元素，可以使用伪类选择器:first-child。这个选择器可以选择某个元素的第一个子元素，并且只会选择第一个子元素，不会选择其他子元素。

使用:first-child选择器的语法如下：

`css

父元素:first-child {

/* 样式属性 */

其中，父元素是要选择的元素的父元素，样式属性是要应用于第一个子元素的样式。

下面是一个示例，演示如何使用:first-child选择器选取第一个子元素并应用样式：

`css

.parent p:first-child {

color: red;

在上面的示例中，我们选取了class为"parent"的div元素的第一个子元素p，并将其文字颜色设置为红色。这样，第一个子元素的文字颜色就会变为红色。

需要注意的是，:first-child选择器只会选择第一个子元素，如果想选择其他位置的子元素，可以使用:nth-child选择器。例如，要选择第二个子元素，可以使用:nth-child(2)。

希望以上内容能够帮助你理解如何使用CSS选取第一个子元素。如果还有其他问题，请随时提问。

千锋教育拥有多年IT培训服务经验，开设Java培训、web前端培训、大数据培训，python培训、软件测试培训等课程，采用全程面授高品质、高体验教学模式，拥有国内一体化教学管理及学员服务，想获取更多IT技术干货请关注千锋教育IT培训机构官网。