css同级元素的第一个元素

CSS中同级元素指的是具有相同父元素的元素，在样式表中可以使用以下方法来选择同级元素中的第一个元素。

父元素:first-child {
    属性：值;
}

这种方法可以应用于父元素中的所有同级元素中的第一个元素。比如，如果我们有以下HTML代码：

<div>
  <p>第一个元素</p>
  <p>第二个元素</p>
  <p>第三个元素</p>
</div>

我们想要选择第一个p元素来应用样式，我们可以使用以下CSS代码：

div p:first-child {
  font-weight: bold;
}

这样，第一个p元素的文字将显示为加粗的字体。

需要注意的是，如果我们有多个父元素，我们需要选择特定的父元素，并使用:first-child来选择其中一个元素。例如，如果我们的HTML代码如下：

<div>
  <p>第一个元素</p>
  <span><p>第二个元素</p></span>
</div>

如果我们想要选择第一个p元素，我们应该使用以下CSS代码：

div p:first-child {
  font-weight: bold;
}

而不是：

p:first-child {
  font-weight: bold;
}

因为后者会选择div元素和span元素中的所有第一个p元素。