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 覆盖它，但同样不会覆盖它。这是一个谷歌浏览器检查元素的图像，显示用户代理规则被描边，但此属性的计算值是用户代理值！

enter image description here

更新：css文件已正确链接。我添加另一个图像，显示用户代理属性被描边，但它仍然用作最终值：

enter image description here

Answer 1

即使没有!important，CSS也应该覆盖用户代理。此问题可能是由于未在HTML中正确链接到CSS而导致的。

另请查看此style reset。将其包含在您的文档中将减少浏览器的不一致性。

Answer 2

您的样式表是否通过link element实际包含在您的网页上？

<head>
    <link rel="stylesheet" href="MyStylesheet.css" type="text/css">
</head>

用户代理样式表永远不应优先于您网站的样式表。此外，正如其他答案所建议的那样!important是不好的做法，在这里根本不需要。

编辑：我上面引用的其他答案已删除。较新的答案建议使用“样式重置”，但实际上并不需要这样做 - 您已经知道要覆盖哪个属性。

Answer 3

根据它的外观，您试图根据此选择器list-style-type将span.form-error属性应用于span-element。该属性对span元素无效，但应直接应用于您的ul。

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

ul { list-style-type: none; }

如果可行，那么您可以通过向ul添加类来使规则更具体，并将该类用于css选择器。