CSS 获取第一个元素可以通过伪类选择器 `:first-child` 或 `:first-of-type` 来实现。

`:first-child` 伪类选择器用于选取父元素的第一个子元素。这个选择器匹配父元素的所有第一个子元素，而不管这个元素的类型是什么。如果只想选择某个特定类型的子元素中的第一个元素，可以使用 `:first-of-type` 伪类选择器。

以下是对这两个伪类选择器的详细解释以及使用示例：

1. `:first-child` 伪类选择器 `:first-child` 伪类选择器会选择作为其父元素的第一个子元素的元素。这个选择器不考虑元素的类型，只要是第一个子元素即可。

示例： HTML 代码： ```html

• 第一个列表项
• 第二个列表项
• 第三个列表项

``` CSS 代码： ```css ul li:first-child{ color: red; } ``` 上面的 CSS 代码会将第一个列表项的文本颜色设置为红色。

2. `:first-of-type` 伪类选择器 `:first-of-type` 伪类选择器选择的是其父元素的特定类型的第一个子元素。这个选择器会考虑元素的类型。

示例： HTML 代码： ```html ``` CSS 代码： ```css div p:first-of-type{ color: blue; } ``` 上面的 CSS 代码会将第一个段落的文本颜色设置为蓝色。

总结： CSS 伪类选择器 `:first-child` 和 `:first-of-type` 都可以用来选择父元素的第一个子元素，但是区别在于前者不考虑元素类型，而后者只会选择特定类型的第一个子元素。根据实际的需求来选择合适的伪类选择器来获取第一个元素。