选取第一个子元素的方法有两种：使用绝对定位和伪元素。
使用绝对定位选取第一个子元素
使用绝对定位可以选取 HTML 元素的绝对位置，然后将其作为 CSS 元素的子元素进行样式控制。具体地，可以使用以下代码选取 HTML 元素中的绝对位置：
<div></div>
在上面的代码中，`style=”position: absolute; top: 10px;”` 将定义 div 元素的定位方式为绝对定位，`top: 10px;` 将定义 div 元素在父元素中的位置。最后，`”></div>` 表示选取第一个子元素，并将其作为 CSS 元素的子元素进行样式控制。
使用伪元素选取第一个子元素
使用伪元素可以创建动态效果，也可以选取 HTML 元素的绝对位置。具体地，可以使用以下代码选取 HTML 元素中的绝对位置，并将其作为 CSS 元素的子元素进行样式控制：
<div id=”myDiv”></div>
在上面的代码中，`id=”myDiv”` 将定义伪元素的名称，`”></div>` 表示选取第一个子元素，并将其作为 CSS 元素的子元素进行样式控制。
在 CSS 中，可以使用以下代码选择第一个子元素：
#myDiv:first-child {
/* 样式规则 */
在上面的代码中，`#myDiv:first-child` 表示选择 ID 为“myDiv”的第一个子元素，`{}` 表示定义该元素的样式规则。
总之，CSS 选取第一个子元素是一种常用的技术，可以帮助开发人员更容易地控制页面上的元素。使用绝对定位和伪元素可以选择 HTML 元素中的绝对位置和动态效果，而使用 ID 选择器可以选择 ID 为特定值的第一个子元素。