css 判断第一个

在CSS中，有时我们需要对第一个元素进行特殊的样式处理，在这种情况下，我们就需要使用CSS的伪类选择器：first-child。

使用first-child选择器可以确定父元素下的第一个子元素，并对其应用自定义样式。这个伪类选择器非常有用，因为它可以让你方便地对列表中的第一项、表格中的第一行、页面中第一个链接等元素进行单独的样式处理。

下面是一个使用first-child选择器的示例：

ul li:first-child {
  color: red;
}

这个CSS代码会将无序列表（ul）中的第一个列表项（li）文字颜色设置为红色。如果有多个ul列表，仅第一个列表项会被选中。

需要注意的是，如果第一个元素不是我们想要的元素，则选择器将不起作用。比如，ul li a:first-child选择器是不能被应用的，因为每个li元素都包含一个a元素，因此每个a元素都符合:first-child条件。

如果你需要选择的元素不是其父元素的第一个子元素，可以使用first-of-type选择器，该选择器会选择其父元素下第一次出现的指定类型的元素。

总之，first-child选择器是非常实用的，我们可以利用它对页面元素进行更细致的样式处理，让页面更美观、易读。