添加内容之前链接（但链接外）

Question

这里是我的代码：

<style> 
#links-div a { 
    display: inline-block; 
} 

#links-div a:not(:first-child):before { 
    content: " - "; 
} 
</style> 

<div id = "links-div"> 
    <a href = "#">Link 1</a> 
    <a href = "#">Link 2</a> 
    <a href = "#">Link 3</a> 
    <a href = "#">Link 4</a> 
</div> 

破折号/连字符的所有环节之前所加的（除第一），但它的链接中添加的。

是否有可能将它从锚点中取出？它不应该真的在锚标签之前添加内容吗？

是我唯一的解决方案把每个链接放在一个列表中？既然它是一个列表，我不介意，但它会节省一点时间。

干杯，

尼克

Answer 1

您可以添加您的链接在UL列表

HTML

<div id = "links-div"> 
    <ul> 
     <li><a href = "#">Link 1</a></li> 
     <li><a href = "#">Link 2</a></li> 
     <li><a href = "#">Link 3</a></li> 
     <li><a href = "#">Link 4</a></li> 
    </ul> 
</div>​ 

CSS

#links-div ul li { 
    display: inline-block; 
}  
#links-div ul li:not(:first-child):before { 
    content: " - "; 
} 
​ 

演示http://jsfiddle.net/mKQas/1/