CSS伪类:last-child,实战使用

2024-11-09 09:53:26

1、先看下html代码,很简单,就是一个样式名为c的div,里面嵌套有几个样式名为i的div,代码如图。

CSS伪类:last-child,实战使用

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

CSS伪类:last-child,实战使用

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

CSS伪类:last-child,实战使用

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

CSS伪类:last-child,实战使用
猜你喜欢