在 CSS 中，你可以使用伪类选择器来选择特定的元素。以下是一些常用的方法：

选择第一个元素

要选择父元素中的第一个子元素，可以使用 :first-child 伪类选择器：

.parent-class > :first-child {
    /* 样式 */
}

如果你只想选择第一个指定类型的子元素，可以使用 :first-of-type：

.parent-class > p:first-of-type {
    /* 样式 */
}

选择第 N 个元素

要选择父元素中的第 N 个子元素，可以使用 :nth-child(n) 伪类选择器，其中 n 可以是数字或公式：

.parent-class > :nth-child(2) {
    /* 选择第二个子元素 */
}

例如，选择第三个子元素：

.parent-class > :nth-child(3) {
    /* 选择第三个子元素 */
}

选择特定类型的第 N 个元素

如果你想选择特定类型的第 N 个子元素，可以使用 :nth-of-type(n)：

.parent-class > p:nth-of-type(2) {
    /* 选择第二个 <p> 元素 */
}

示例

<div class="parent-class">
    <p>第一个段落</p>
    <p>第二个段落</p>
    <span>第一个 span</span>
    <p>第三个段落</p>
</div>

.parent-class > p:first-child {
    /* 针对第一个 <p> */
}

.parent-class > p:nth-of-type(2) {
    /* 针对第二个 <p> */
}

.parent-class > :nth-child(3) {
    /* 针对第三个子元素（即第一个 span） */
}

这样你就可以灵活地选择和样式化 DOM 中的元素了！如果有更具体的情况，随时告诉我！