CSS伪类:last-child,实战使用
1、先看下html代码,很简单,就是一个样式名为c的div,里面嵌套有几个样式名为i的div,代码如图。

3、看下现在的页面效果。

5、添加代码后,再看下页面效果,线条加上了,显示还不错,但有一个问题,最后一个元素的下边框线条和父容器的线条重叠了,导致这条线比其它的线条更粗。

7、再看下效果,现在显示更完美了。

1、先看下html代码,很简单,就是一个样式名为c的div,里面嵌套有几个样式名为i的div,代码如图。
3、看下现在的页面效果。
5、添加代码后,再看下页面效果,线条加上了,显示还不错,但有一个问题,最后一个元素的下边框线条和父容器的线条重叠了,导致这条线比其它的线条更粗。
7、再看下效果,现在显示更完美了。