css第一个子元素

在CSS中，要选择第一个子元素，可以使用:first-child伪类选择器。这个选择器会选中那些是其父元素的第一个子元素的元素。下面是一个简单的例子：

<!DOCTYPE html>
<html>
<head>
<style>
  .parent > p:first-child {
    font-weight: bold；
    color: red；
  }
</style>
</head>
<body>

<div class="parent">
  <p>第一个子元素</p>
  <p>第二个子元素</p>
  <p>第三个子元素</p>
</div>

</body>
</html>

在这个例子中，.parent > p:first-child 选择器选中了.parent类的元素下的第一个<p>元素，并将其字体加粗并设置为红色。

Top
×
×