CSS :first-child 和 :first-of-type （示例）
CSS :first-child and :first-of-type (example)
我仍在使用实例学习 :first-child 和 :first-of-type pseudo 类 之间的区别。
我从另一个网站复制了一些 HTML/CSS 代码并将其添加到：http://codepen.io/muygalan/pen/RroQNp。
问题：
当我从 CSS 文件中删除以下代码时：
#blog article:first-of-type {
background: green;
}
为什么嵌套在 <article> 标签中的文本没有变成红色？
不是...
#blog article:first-child {
color: red;
}
...如果先前的 :first-of-type 已从代码中删除，应该将文本颜色变为红色？
Here's a great explanation on CSS Tricks。基本上，#blog div 的第一个子元素不是 article 元素；这是一个 header 元素。 :first-child 将匹配父容器中的第一个元素。 :first-of-type 将匹配父容器中该类型的第一个元素，无论它前面是否有其他元素。
我仍在使用实例学习 :first-child 和 :first-of-type pseudo 类 之间的区别。
我从另一个网站复制了一些 HTML/CSS 代码并将其添加到：http://codepen.io/muygalan/pen/RroQNp。
问题： 当我从 CSS 文件中删除以下代码时：
#blog article:first-of-type {
background: green;
}
为什么嵌套在 <article> 标签中的文本没有变成红色？
不是...
#blog article:first-child {
color: red;
}
...如果先前的 :first-of-type 已从代码中删除，应该将文本颜色变为红色？
Here's a great explanation on CSS Tricks。基本上，#blog div 的第一个子元素不是 article 元素；这是一个 header 元素。 :first-child 将匹配父容器中的第一个元素。 :first-of-type 将匹配父容器中该类型的第一个元素，无论它前面是否有其他元素。