0

これが私のコードです：

<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>

ダッシュ/ハイフンはすべてのリンク (最初のリンクを除く) の前に追加されますが、リンク内に追加されます。

アンカーから取り出すことはできますか？本当にアンカー タグの前にコンテンツを追加するべきではないでしょうか?

各リンクをリストに入れる唯一の解決策はありますか? リストなのでかまいませんが、少し時間の節約になります。

乾杯、

ニック

4

1 に答える 1

2

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/

于 2012-10-11T06:44:05.900 に答える