在CSS中，要获取一个元素的第一个子元素，可以使用伪类选择器 `:first-child`。这个伪类选择器可以用来选择指定元素的第一个子元素。在很多情况下，我们需要对第一个子元素进行样式设置或者其他操作，使用 `:first-child` 伪类选择器就非常方便。

首先，让我们看一个简单的HTML结构，然后来演示如何使用CSS获取第一个子元素的写法：

```html ```

现在我们的目标是选择第一个子元素 `

`，然后对它进行样式设置。下面是CSS的写法：

```css .container h1:first-child { color: red; font-size: 24px; } ```

在这段CSS代码中，`container` 是父元素的类名，`h1:first-child` 表示选择 `container` 的第一个子元素 `

`。然后我们对这个 `

` 子元素设置了颜色为红色，字体大小为 24 像素。

通过这种方式，我们可以轻松地选择父元素的第一个子元素，并对它进行样式设置。要注意的是，`:first-child` 伪类选择器只能选择父元素的第一个子元素，如果我们需要选择其他位置的子元素，则需要使用其他类似的伪类选择器。

除了 `:first-child` 之外，还有一个类似的伪类选择器 `:first-of-type`。`first-of-type` 类似于 `:first-child`，不同之处在于 `first-of-type` 只会选择父元素中同类型的第一个子元素。举个例子，如果父元素有多个 `

` 元素，我们可以使用 `:first-of-type` 来选择第一个 `

` 元素。

总的来说，使用 CSS 来获取第一个子元素非常简单，可以通过 `:first-child` 或者 `:first-of-type` 伪类选择器实现。这个功能能够帮助我们更轻松地对页面元素进行样式设置和其他操作，提高开发效率。希望这篇文章对你有帮助！