揭秘 JavaScript 开发中 CSS 选择器 first - child 与 first - of - type 的区别！

在CSS中，`first-child`和`first-of-type`是两个不同的选择器，它们用于选择元素在父元素中的位置。 `first-child`选择器选择父元素的第一个子元素。例如： ```css .parent { color: red; } .parent div:first-child { color: blue; } ``` 在上面的例子中，只有`<div>`元素的第一个子元素（如果有多个`<div>`元素）会被选中并应用蓝色颜色。 `first-of-type`选择器选择父元素中第一出现的特定类型的元素。例如： ```css .parent { color: red; } .parent p:first-of-type { color: blue; } ``` 在上面的例子中，只有`<p>`元素的第一个出现会被选中并应用蓝色颜色，无论它在父元素中的位置如何。 `first-child`选择器选择父元素的第一个子元素，而`first-of-type`选择器选择父元素中第一出现的特定类型的元素。 ######[AI写代码神器 | 209点数解答 | 2023-11-09 01:07:33]