CSS目標html實體

我在HTML中建立一個列表，列表中的項目彼此相鄰（內聯）。所有物品必須用子彈（&公牛）分開，並左右填充一些填充物。我的問題：我如何瞄準公牛添加一些填充？CSS目標html實體

<ul> 
    <li><a href="#">Disclaimer</a>&bull;</li> 
    <li><a href="#">Sitemap</a>&bull;</li> 
    <li><a href="#">Other</a></li> 
</ul>

我嘗試的CSS代碼：

ul li a:after{ 
    padding: 0 10px 0 10px; 
}

來源

2014-09-13 user2381011

爲什麼不直接添加填充到'了'標籤？ – Harry 2014-09-13 06:37:54

像這樣的東西？ [fiddle]（http://jsfiddle.net/83zp03r4/1/） – 2014-09-13 06:42:11

如果你打算使用'：after'僞元素，把這個元素放在僞元素中而不是標記中。 – BoltClock 2014-09-13 06:44:56

你可以給保證金錨標記

或你可以試試這個

<ul> 
    <li><a href="#">Disclaimer</a><span>&bull;</span></li> 
    <li><a href="#">Sitemap</a><span>&bull;</span></li> 
    <li><a href="#">Other</a></li> 
</ul>

和連鎖行業填充範圍爲

來源

2014-09-13 06:39:49 himanshu

看起來這是最好的方式來做到這一點。感謝您的明確解決方案。 – user2381011 2014-09-13 06:45:55

高興地幫助:) – himanshu 2014-09-13 06:46:38

@ user2381011：嘗試我的答案..！ – 2014-09-13 06:49:32

試試這個

DEMO FIDDLE

MARKUP

<ul> 
    <li><a href="#">Disclaimer</a> 
    </li> 
    <li><a href="#">Sitemap</a> 
    </li> 
    <li><a href="#">Other</a> 
    </li> 
</ul>

CSS

ul li { 
    display:inline-block; 
} 
ul li a:after { 
    content:"\2022"; 
    padding: 0 10px 0 10px; 
}

來源

2014-09-13 06:49:15

我也試過你的答案，它幾乎適合作爲解決方案。只有最後一個元素不需要子彈。我試過這個作爲選擇，但它不起作用：不（：最後一個孩子）：之後 – user2381011 2014-09-13 08:22:21

CSS目標html實體

回答

相關問題