首页
Preview

css给列表最后一个元素以外的其他元素加上标记

你可以使用CSS的伪类选择器:not来实现在span标签后面加上-,但是最后一个span不加的效果。以下是示例代码:

HTML:

<div>
  <span>Text 1</span>
  <span>Text 2</span>
  <span>Text 3</span>
  <span>Text 4</span>
</div>

CSS:

span:not(:last-child)::after {
  content: "-";
}

在上面的代码中,我们使用了:not(:last-child)选择器来选择除了最后一个span标签之外的所有span标签。然后使用::after伪元素来在每个选中的span标签后面添加-

这样,除了最后一个span标签之外,其他的span标签后面都会加上-

你可以根据自己的需求修改HTML和CSS代码来适应你的具体情况。

版权声明:本文内容由TeHub注册用户自发贡献,版权归原作者所有,TeHub社区不拥有其著作权,亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

点赞(0)
收藏(0)
夏天的猫
一个人的生命是应该这样度过的:当他回首往事的时候,不因虚度年华而悔恨,也不因碌碌无为而羞耻。

评论(0)

添加评论