first-child与first-of-type的区别(建议使用first-of-type)

二者的区别如下:

first-child匹配的是父元素的第一个子元素,可以说是结构上的第一个子元素。

first- of-type匹配的是该类型的第一个元素,类型就是指冒号前面匹配到的元素,并不限制是第一个子元素,只要是该类型元素的第一个即可。当然,这些元素的范围都属于同一级,也就是同辈。

.alltitle img:first-of-type {
  position: absolute;
  top: 20px;
  right: 140px;
}


.alltitle img:last-of-type {
  position: absolute;
  right: 20px;
  padding-top: 20px;
}

你可能感兴趣的:(前端,html,前端)