css 列表最后一行

在 CSS 中，我们常常需要使用列表，在一些场景下我们需要对列表的最后一行进行特殊的样式设置。这个时候，我们可以使用 CSS3 中新增的 :last-of-type 选择器。

ul li:last-of-type {
   /* 在这里设置样式 */}

这个选择器会选中与它同类型的元素中的最后一个元素，所以在使用这个选择器设置样式时，需要注意元素的类型。

例如，我们有一个 ul 列表，其中包含多个 li 元素。我们想让这个列表的最后一个元素特殊一些，比如说字体加粗。我们可以这样写:

ul li:last-of-type {
       font-weight: bold;
}
    

这样就能让这个列表的最后一个元素变成加粗的字体了。

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