html - 如何覆盖用户代理 CSS

Question

我想要一个没有元素符号的无序列表。我创建了 CSS 属性 list-style-type 并将其设置为 none。当我把它放在 html 元素中时，它工作正常:

<ul style="list-style-type: none;">
    <li> item1 </li>
    <li> item2 </li>
</ul>

但是当我把它放在一个单独的 CSS 文件中时，由于用户代理属性 list-style-type: disk;

它不起作用

我尝试使用 !important 覆盖它，但它又没有被覆盖。这是 google chrome inspect 元素的图像，它显示了用户代理规则被描边，但此属性的计算值是用户代理值!

更新:css 文件链接正确。我添加了另一张图片，显示用户代理属性已被抚摸，但它仍用作最终值:

Answer 1

根据这个选择器 span.form-error，从外观上看，您正在尝试将 list-style-type 属性应用于跨度元素.该属性对 span 元素无效，但应直接应用于您的情况下的 ul。

作为实验，您可以将此规则添加到您的 CSS 文件中，以查看这是否是实际问题:

ul { list-style-type: none; }

如果可行，那么您可以通过向您的 ul 添加一个类并将该类用于您的 css-selector 来使您的规则更加具体。