2016-12-01 180 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”

希望这可以帮助!