css - 在第一个列表项之后带有项目符号的无序列表

Question

我正在尝试达到上述效果，但不确定最好的方法。是否可以使用无序列表然后更改样式以使项目符号仅出现在内部？

如果不是，最好的方法是使用伪向每个列表项添加背景图像，以阻止它们在第一个列表项之前显示？

谢谢

Answer 1

这相对简单，所以我怀疑你是否尝试过，但因为它需要的努力很少，所以你有解决方案：（好吧，所以也许解决方案是如此明显你错过了它;p）

http://jsfiddle.net/kVsce/

HTML

<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

CSS

ul li:first-child { list-style: none; }

Answer 2

试试这个..可以根据您的需要进行修改。

CSS

ul { background: #004A80; overflow:hidden;}
ul li { color: #3CBCFF; font-size: 18px; float: left; width: 65px; }
ul li span { color: #FFFFFF; font-size: 14px; font-weight: bold; }  
ul li:first-child { list-style: none; } 

HTML

<ul>
    <li><span>Item 1</span></li>
    <li><span>Item 2</span></li>
    <li><span>Item 3</span></li>
    <li><span>Item 4</span></li>                
</ul>