【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选择器能够正确地应用样式。