【css】获取最后一个li进行样式特殊处理

1.问题背景

有个列表，列表项之间有一段间隔。

2. 实现方案

每项列表项添加一个margin，最后一个元素不添加

你可以使用 CSS 的 :last-child 伪类选择器来选择列表中的最后一个 li 元素，并将其 margin-right 设置为 0，以达到最后一个 li 不添加 margin-right 的效果。以下是一个示例的CSS代码：

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    margin-right: 10px; /* 添加右侧间距 */
    display: inline; /* 水平排列 */
}

li:last-child {
    margin-right: 0; /* 最后一个li不添加右侧间距 */
}

在这个示例中，li:last-child 选择器会选择 ul 中的最后一个 li 元素，并将其 margin-right 设置为 0，从而确保最后一个 li 不添加右侧间距。其他 li 元素会继续保留 margin-right。

确保在你的HTML代码中，ul 元素包含了若干个 li 子元素，以便CSS选择器能够正确地应用样式。