我在删除列表元素符号时遇到问题 - 我已经尝试了 list-style-type:none
和 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;
}
最佳答案
您的选择器不匹配任何内容 – #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/