巧用nth-last-child(n)

1.如果页面结构是这样子的，我们打算让good_lists底下的类名为good_list的最后一个标签其margin-bottom为0的话，你可能想到的是下面这种写法。

.good_lists>.good_list:last-child{

margin-bottom:0

}

,但实际上并不会有效果的。

2.如果你写成这样子的话.

good_lists>.good_list:first-child{

margin-bottom:0

}
第一个good_list是有效果的，它的margin-bottom确实是变成了0.

3.这时候就想到用nth-last-child了。

.good_lists>.good_list:nth-last-child(3){

margin-bottom:0

}

这样就能实现效果！nth-last-child(n)非常好用撒。