CSS:在伪类和内容之后:声明

时间:2012-02-22 00:48:33

标签: css pseudo-class

我正在尝试使用css :after在一组链接之间添加管道以添加内容

看到这个小提琴:http://jsfiddle.net/gbPFR/1/

出于某种原因,它在<a>标签内添加了管道,而不是在它们之后。

基本上我正在寻找的是获得这样的列表:

Link1 |链接2 |链接3

关于我在这里做错了什么建议?

2 个答案:

答案 0 :(得分:2)

之后:伪元素实际上就是这样运作的。命名有点令人困惑,因为伪元素不是作为下一个兄弟插入而是作为最后一个子元素插入。

您可以尝试使用list-style-item,但我想这不是您想要的。

答案 1 :(得分:1)

你需要包装锚点,如下所示:之后添加它们。您可以使用列表来创建子容器:

<ul>
 <li><a href="#">Test1</a></li>
</ul>

请参阅http://jsfiddle.net/atqNy/1/