css - 无法使用图标从 UL 列表中删除元素符号点

Question

我这里有一个图标列表:

http://punky-monkey.co.uk/chalet6/our-chalet/

<ul class="keyfeatures">
    <li id="sleeps14">Sleeps 14</li>
    <li id="hottub">Outdoor Hot Tub</li>
    <li id="fire">Log Fire</li>
    <li id="terrace">South Facing Terrace</li>
    <li id="outdoorterrace">Outdoor Terrace</li>
    <li id="coffee">Bean to Cup Coffee Machine</li>
    <li id="wine">Honesty Bar</li>
    <li id="tv">Freeview TV</li>
    <li id="games">Games Console</li>
    <li id="ipod">iPod Dock</li>
    <li id="wifi">Free Wi-Fi</li>
</ul>

CSS

.keyfeatures li {list-style-type:none; vertical-align:top; margin-left:30px; list-style:none;}

ul #sleeps14 { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/bed.png'); }
ul #hottub { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/hottub.png'); }
ul #fire { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/fire.png'); }
ul #terrace { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/sun.png'); }
ul #outdoorterrace { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/lounger.png'); }
ul #coffee { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/beans.png'); }
ul #wine { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/wine.png'); }
ul #tv { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/tv.png'); }
ul #games { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/games.png'); }
ul #ipod { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/ipod.png'); }
ul #wifi { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/wifiicon2020.png'); }

我想从列表中删除元素符号点并且只有图标，我已经尝试将 list-style-type:none 几乎无处不在 - 有些东西正在覆盖它。

有人可以帮忙吗？谢谢，沃伦

Answer 1

它被下面的 CSS 覆盖了

ul li:after
{
    border-left: solid 3px #fe6500 !important;      
}

如果您需要该功能，请将其仅应用于特定列表。