从无序列表中删除项目符号
编辑
我正在处理的网站的html和css可以在http：// http：//new.oranaschool.com/上找到。
/编辑
我正在尝试删除顶部水平菜单（Home ... Contact）中显示的项目符号。 我已经尝试了从无序列表<ul>中删除“项目符号”中给出的建议，但子弹仍然存在。
有人可以看看CSS并告诉我需要添加到哪个CSS类中吗？ 这让我现在坚持了几个小时。
从中删除背景图像
.navigation ul.sf-menu > li:before {
background: url(../images/menu_bull.png) 0 0 no-repeat; /** remove this */
}
并且如果您不想编辑原始代码添加
.navigation ul.sf-menu > li:before {
background: url('');
}
你可以试试这个
<html>
<head>
<style type="text/css">
div.ui-menu li {
list-style:none;
}
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
li
{
display:inline;
padding-left:14px;
}
</style>
</head>
<body>
<div class="ui-menu">
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</div>
</body>
</html>
请看小提琴
https://jsfiddle.net/psgou7bt/2/
HTML
<ul class="no-bullets">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
CSS
.no-bullets, .no-bullets li {
list-style-type:none;
}
如果这不适合你，那么你的代码中有一些冲突
链接地址: http://www.djcxy.com/p/29993.html