css一些选择器

在一个循环出的列表中你想找到其中某个元素并对其进行样式处理 可以使用

选中delete-tail-margin 下的 第一个div

.delete-tail-margin>div:first-child{
  margin-bottom: 0;
}

选中delete-tail-margin 下的 最后一个div

.delete-tail-margin>div:last-child{
  margin-bottom: 0;
}

选中delete-tail-margin 下的 第三个div

.delete-tail-margin>div:nth-child(3){
  margin-bottom: 0;
}

寻找父组件的中的第一个 p元素

p:first-of-type

寻找父组件的中的最后一个 p元素

p:last-of-type

寻找父组件的中的第3个 p元素

p:nth-of-type3)

选择指定位置元素

第2个元素

p:nth-child(2)

选择偶数位的元素

p:nth-child(2n)