2016-12-01 82 views
0

好吧,第一次提問,我有一個問題,當使用鉻瀏覽器,這不會發生在使用邊緣和Firefox時,外部樣式表。它也可以在Jsfiddle中正常工作。 問題是它不會在我的身體中顯示背景或文本顏色,但對於標題,它完美地起作用。外部樣式表與鉻

這是我第一次使用外部樣式表,但我認爲,因爲它在其他瀏覽器中工作,這是與chrome兼容的問題。

我的CSS文件鏈接,像這樣:

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

這裏是我的CSS代碼本身:

body { 
background-color: Black; 
color: Green; 
font-family: verdana; 
} 

h1 { 
text-align: center; 
} 

ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
overflow: hidden; 
background-color: Green; 
} 

li { 
float: left; 
border-right:1px solid #bbb; 
} 

li:last-child { 
border-right: none; 
} 

li a { 
display: block; 
color: Black; 
text-align: center; 
padding: 14px 16px; 
text-decoration: none; 
} 

li a:hover:not(.active) { 
background-color: #111; 
} 

.active { 
background-color: green; 
} 

預先感謝您可以提供任何幫助,其爲學校式的項目,嚴格的標準,這就是爲什麼它需要外部和鉻。

+0

嘗試清除緩存?檢查控制檯是否有錯誤? – j08691

+0

嘿@ j08691清理我的緩存修復它。謝謝! 爲什麼這個工作,這個問題是否會與其他人一起發生?如果有的話,是否有辦法避免它? – crazzilla

+0

您可以手動修改CSS文件的路徑並添加一個查詢字符串,這將強制瀏覽器下載最新版本。像'href =「styles.css?v = 123」'在CSS改變時應該改變'?'之後的部分。還有其他方法。 Google CSS bust cache – j08691

回答

0
  • 轉到設置
  • 搜索緩存
  • 清除瀏覽數據
  • 檢查緩存圖像和文件(過去一小時/天)
  • 清除瀏覽數據

,並跳轉到你網頁並按「Ctrl + r」

希望這可以幫助!