如何覆盖用户代理CSS

我想要一个没有项目符号旁边项目的无序列表。我创建了CSS属性list-style-type，我将它设置为none。当我把这个HTML元素正常工作：如何覆盖用户代理CSS

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

但是，当我把它放在一个seprate CSS文件，它不会因为用户代理物业列表样式类型的工作：盘;

我尝试使用！重要覆盖它，但它不会被覆盖。这是google chrome inspect元素的图像，它显示用户代理规则被抚摸，但是此属性的计算值是用户代理值！

enter image description here

更新：CSS文件被正确链接。我添加其他图像，显示用户代理属性被抚摸，但它仍作为最终值：

enter image description here

来源

2013-03-15 Ali

听起来像CSS文件没有被正确引用。你如何包含CSS文件？文件的路径是否正确，或者您是否获得了CSS文件的404？ – 2013-03-15 08:34:23

它似乎工作找到我看[这里]（http://jsfiddle.net/soyuka/VN8b2/）。你可能会搜索一个CSS重置。 – soyuka 2013-03-15 08:34:34

虽然从您的屏幕截图我会认为oo.css链接正确，风格也设置正确...请显示css文件，以及如何将css文件添加到您的html文件，以便我们可以看到，如果也许有一些错误。默认情况下，用户代理样式应该总是被定义的任何样式所覆盖，即使没有！重要.... – Ingo 2013-03-15 08:36:03

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

作为一个实验，你可以此规则添加到您的CSS文件，一看就知道这是实际的问题：

ul { list-style-type: none; }

如果这样的作品，那么你可以让你的规则，加入了更具体的类到你的ul，并使用该类为您的CSS选择器。

来源

2013-03-15 08:49:47

感谢您的慷慨回答和评论。 – Ali 2013-03-15 08:52:19

@Ali我的荣幸！ – 2013-03-15 08:52:55

即使没有!important的CSS应该重写用户代理。这个问题可能是由于您的HTML中没有正确链接到您的CSS。

也可以看看这个style reset。在你的文档中包含这些将减少浏览器的不一致性。

来源

2013-03-15 08:37:18 Jefferson

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

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

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

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

来源

2013-03-15 08:39:14

如何覆盖用户代理CSS

回答

相关问题