html - 列表样式类型 :none & list-style:none not working

标签 html css list

我在删除列表元素符号时遇到问题 - 我已经尝试了 list-style-type:nonelist-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;
}

最佳答案

您的选择器不匹配任何内容 – #work ul将选择 inside id 为 work 的元素的任何 UL 元素.

如果要选择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;
}

关于html - 列表样式类型 :none & list-style:none not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36485401/

相关文章:

javascript - 如何让内联元素在空时占用空间?

包含外部 HTML 的 JavaScript 在 Chrome 中有效,但在 Internet Explorer 和 Firefox 中无效

HTML 和 CSS 使标题脱颖而出

css - 带循环的 sass mixins 给出错误

python - 如何读取API输出的多个词典列表?

javascript - 如何使用 onclick 按钮使矩形消失并重新出现

html - 黑莓位置 :fixed css does not work

css - 嵌套媒体查询

java - 如何检查无效输入并循环直到输入有效?

c# - 将 List<DerivedClass> 转换为 List<BaseClass>