添加內容之前鏈接（但鏈接外）

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/