list-style-type：none＆amp; list-style：none无效

Question

我在删除列表项目符号时遇到问题 - 我已尝试过list-style-type:none＆amp; list-style:none，内联和CSS文件。还尝试添加!important都无济于事。这就是我所拥有的：

<ul id="work">
    <li><img src="#" /><p>SERVICE 1</p></li>
    <li><img src="#" /><p>SERVICE 2</p></li>
    <li><img src="#" /><p>SERVICE 3</p></li>
</ul>



#work ul {
   list-style-type: none;
}

#work li {
   list-style-type: none;
   clear: both;
}

#work li img {
   float: left;
   padding-right: 25px;
   margin-bottom: 25px;
}

#work li p {
   height:240px;
}

Answer 1

您的选择器与任何内容都不匹配 - #work ul会选择里面的 内容为work的元素。

如果您要选择HTML元素<ul id="work">，请使用ul#work，或仅使用#work（当涉及ID时，在大多数情况下，无需更具体。）

编辑：
因此，在您显示指向您网页的链接后，很明显您的问题根本不在list-style - 这样就可以了，您的LI没有列表样式。

但他们所拥有的是一个伪元素 - 是创建小的深粉色点的原因。

http://answersfornewactors.com/wp-content/themes/gardeniablog/style.css，第2483行：

.post_content ul > li:before {
    font-family: "fontello";
    content: '\e8e4';
    font-size: 0.5em;
    display: inline-block;
    vertical-align: middle;
    text-indent: -2em;
}