CSS小技巧：使用:not(:last-of-type)简化你的css代码

在前端开发过程中，使用:not(:last-of-type)简单方便，再也不要麻烦的单独使用：last-of-type了，非常不错哦！

这个小小的技巧能省去很多时间和代码。下面让我解释一下，比如说，我们要美化一个文章列表。

以前的实现方法是这样的，其实是很笨的方法！

这css的目的是要让列表的文章之间有间隔，但最后一个不需要。这个时候，:not(:last-of-type)就大限神威了！

使用:not(:last-of-type)，我们省掉了5行代码。试想在我们编写的其它代码中都使用这种技巧，不知道要省掉多少工夫。大家可以尝试下哦！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！