CSS中的first-of-type伪类选择器

first-of-type伪类选择器是CSS中的一种特殊选择器，它可以用来选择某个元素的第一个同类元素。它的语法结构如下：

element:first-of-type

其中，element是要选择的元素的标签名，如div、span等。

使用first-of-type伪类选择器，可以方便地选择某一元素的第一个同类元素，而不用去考虑其他元素的存在。下面举例说明：

    
1
    2
    3
    
4

如上所示，container元素下有两个div元素和两个span元素。如果要选择container元素下的第一个div元素，可以使用如下的CSS代码：

.container div:first-of-type {
    background-color: #ccc;
}

上述代码中，我们使用first-of-type伪类选择器，将container元素下的第一个div元素（即“1”）的背景颜色设置为灰色。

除了first-of-type伪类选择器之外，CSS还提供了一些其他的伪类选择器，比如last-of-type伪类选择器、nth-of-type伪类选择器等等，它们都可以用来选择某一元素的特定同类元素。

first-of-type伪类选择器是CSS中的一种特殊选择器，它可以用来选择某个元素的第一个同类元素，从而简化CSS代码的书写。