鉴于以下HTML：
<a href="a.html">A</a>
<a href="b.html">B</a>
我想得到结果：
所以我做了这个CSS：
a:not(:first-child)::before{
content: ' - ';
}
jsFiddle可以在这里找到。
但这将破折号放在第二个锚点上，实际上是这样的：
<a href="a.html">A</a><a href="b.html"> - B</a>
但我在寻找：
<a href="a.html">A</a> - <a href="b.html">B</a>
不用说，链接是动态生成的，因此像这样进行硬编码不是一种选择。可以在CSS中完成吗？如果可以，怎么做？
如果要在锚点之外执行此操作，可以将每个锚点包裹在span内，然后将before应用于span元素：
<span><a href='a.html'>A</a></span>
<span><a href='b.html'>B</a></span>
这是跨度工作的小提琴：http : //jsfiddle.net/8w2onc74/2/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句