用戶代理樣式表覆蓋網站風格

Computed Style in Chrome Browser

大多數我所看到的互聯網上的帖子（如this）指向不正確文檔類型。爲了確保我使用w3驗證器驗證了我的HTML5和CSS3代碼。但沒有快樂

有人可以解釋爲什麼用戶代理樣式表覆蓋網站樣式表嗎？

我的源代碼是

<!DOCTYPE html> 
<html> 
<meta charset="utf-8"> 
<link href="/css/basic.css" rel="stylesheet"> 
<title>Test</title> 
</head> 
<body> 
<footer> 
<ul class="foot-link-ul"> 
    <li class="foot-link-box-li"><a href="/compare-plans">Compare Plans</a></li> 
</ul> 
</footer> 
</body> 
</html>

而CSS

footer { 
    width: 986px; 
    margin: 0px auto; 
    padding: 50px 7px 5px 7px; 
    font: 13px Arial, Helvetica, sans-serif; 
    overflow: auto; 
    color: #FFF; 
}

來源

2013-04-27 kranthi117

請提供一些代碼或[jsFiddle]（http://jsfiddle.net） – Adrift 2013-04-27 17:58:02

您的CSS中可能存在'}'或者錯誤的選擇器。不可能猜測你的代碼。 – Ejaz 2013-04-27 18:01:40

錨點比任何容器元素（div，spans等等）都具有更高的優先級，例如.nav是您的容器元素，並且您已將顏色設置爲灰色，錨點的顏色仍然是默認爲藍色，因爲它具有更高的優先級。爲了克服這個問題，您需要在basic.css文件中定義例如.nav a甚至整個站點範圍內的a。

編輯

根據你的新的編輯，你需要定義footer a。

來源

2013-04-27 18:08:49 Shomz

謝謝。這有幫助。我通常在我的重置中繼承了錨點元素。不知何故[HTML5Doctor]（http://html5doctor.com/html-5-reset-stylesheet/）似乎錯過了 – kranthi117 2013-04-27 18:31:21

不客氣。我通常依靠自己的重置規則，尤其是對於需要重置少數元素的小項目，最好是在遇到它們時。 – Shomz 2013-04-27 18:38:16

用戶代理樣式表目標<a>這顯然覆蓋任何繼承的風格，所以你必須針對<a>如果想要覆蓋用戶代理樣式。

來源

2013-04-27 18:02:49 Musa

用戶代理樣式表覆蓋網站風格

回答

相關問題