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开发者版来检查和测试这些东西,但没有任何效果。:在选择器执行此操作之前-我仍然不明白为什么它是唯一的解决方案,为什么“列表样式:无;”不起作用,但至少它现在起作用了。:)谢谢