如何覆蓋用戶代理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

回答

相關問題