Css 令人沮丧的ul项目符号问题(删除项目符号)
我已经尝试从Css 令人沮丧的ul项目符号问题(删除项目符号),css,html-lists,Css,Html Lists,我已经尝试从元素中删除项目符号和缩进很长一段时间了,我只是不知道它是如何工作的,或者更确切地说是为什么不工作 这里有几个关于溢出的解决方案,但是没有一个适合我 这应该是可行的(?),但它不能: .widget li {list-style: none; } or: .widget li {list-style-type: none; } (!important does not help) 这里是问题页面的链接和位置图片,我的意思是:有什么想法吗?谢谢 试试这个: ul { list-
- 元素中删除项目符号和缩进很长一段时间了,我只是不知道它是如何工作的,或者更确切地说是为什么不工作
这里有几个关于溢出的解决方案,但是没有一个适合我
这应该是可行的(?),但它不能:
.widget li {list-style: none; } or:
.widget li {list-style-type: none; } (!important does not help)
这里是问题页面的链接和位置图片,我的意思是:有什么想法吗?谢谢
试试这个:
ul {
list-style-type: none;
}
看起来您有一个创建箭头项目符号的伪元素。您应该能够通过以下方式将其删除:
.footer-widget li:before, .widget li:before {
border: none;
}
如果这真的是一颗子弹(似乎不是),那么这将有助于:
.widget li { display:block; }
但我怀疑它不是一个项目符号,而是其他东西(比如::before pseudo元素)。在浏览器中使用DOM/style inspector工具。该箭头是从a:开始显示的,然后才显示:无 卸下左侧衬垫以卸下li上的衬垫
.arpw-ul li:before { display: none; }
.arpw-ul li { padding-left : 0 }
提示:只需使用GoogleChromesInspect元素来测试这些东西。只是现场结果不确定为什么有人会投反对票,这是一个有效的答案,而且有效。谢谢,这解决了我的问题!我使用firefox开发者版来检查和测试这些东西,但没有任何效果。:在选择器执行此操作之前-我仍然不明白为什么它是唯一的解决方案,为什么“列表样式:无;”不起作用,但至少它现在起作用了。:)谢谢