你可以使用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代码来适应你的具体情况。
评论(0)