css 第一层子元素

CSS 中可以通过选择器来选取元素的第一层子元素。常见的选择器有以下几种：

1. 后代选择器（Descendant Selector）：使用空格来表示。例如，`div p` 选取 div 元素内的所有 p 元素。

2. 直接子元素选择器（Child Selector）：使用大于号（>）来表示。例如，`div > p` 选取 div 元素下的直接子元素 p 元素。

3. 相邻兄弟选择器（Adjacent Sibling Selector）：使用加号（+）来表示。例如，`h1 + p` 选取紧跟在 h1 元素后面的第一个 p 元素。

4. 通用兄弟选择器（General Sibling Selector）：使用波浪号（~）来表示。例如，`h1 ~ p` 选取紧跟在 h1 元素后面的所有 p 元素。

通过这些选择器，我们可以准确地选择到所需的第一层子元素。