我的样式表突然不起作用

-1

我在前一天为我正在处理的一个小项目划了一个日志页面。我几乎没有做任何它，酒吧制作背景和导航栏。当我继续研究它时，我对CSS所做的任何更改都不起作用。例如，当我试图将H1的颜色改为白色时。我曾尝试清除Mozilla的缓存以防万一出现损坏但无希望。我的样式表突然不起作用

另外，奇怪的是，我想我得到了整个“用户代理样式表”的问题（在铬上打开时发现）。有什么建议么？

继承人的HTML：

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title> BitStudy </title> 
 
<script src="man.js"></script> 
 
<link rel=styleSheet HREF="home.css" type="text/css" > 
 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 
 
</head> 
 
<body> 
 
    
 
<ul class="topnav"> 
 
    <li><a class="active" href="#home">BitStudy</a></li> 
 
    <li><a href="#news">About</a></li> 
 
    <li><a href="#contact">Contact</a></li> 
 
    <li class="right"><a href="#about">Log in</a></li> 
 
</ul> 
 

 

 
<h1>Testing</h1> 
 
    
 
    
 
</body> 
 
</html>

和CSS：

body,html{ 
 
    width:100%; 
 
    height: 100%; 
 
    margin: 0 auto; 
 
    background: url(images/back1.jpeg) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
} 
 

 
ul.topnav { 
 
    list-style-type: none; 
 
    margin: 0; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    background-color: #333; 
 
    font-family: 'Roboto', sans-serif; 
 
    font-size:80%; 
 
} 
 

 
ul.topnav li {float: left;} 
 

 
ul.topnav li a { 
 
    display: block; 
 
    color: white; 
 
    text-align: center; 
 
    padding: 14px 16px; 
 
    text-decoration: none; 
 
} 
 

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

 
ul.topnav li a.active {background-color: #ff751a;} 
 

 
ul.topnav li.right {float: right;} 
 

 
@media screen and (max-width: 600px){ 
 
    ul.topnav li.right, 
 
    ul.topnav li {float: none;} 
 

 
h1{color:white;}

来源

2016-10-10 Fiach Oneill

“用户代理样式表”不是错误。浏览器默认呈现页面 –

在您的网络面板（浏览器的开发工具）中，是否加载了“home.css”？ –

它已经加载！ –

首先：确保index.html，然后home.css是在同一个文件夹中。然后将HREF更改为href，如Mandar Sant所说。最后，在样式表中添加双字符串引号，如rel =“stylesheet”中所示。这样你就可以像

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

而不是最初y下面的代码。

<link rel=styleSheet HREF="home.css" type="text/css" >

来源

2016-10-10 16:07:17 Po10cio

我做了所有这些事情，仍然没有运气！感谢您的输入！ –

你可以在这里把你的代码的小提琴，所以我们可以看到你。 – Po10cio

https://jsfiddle.net/qxpru1gn/ –

测试在本地和所有看起来不错，请确保您有.css文件正确的权限，在开发工具（F12）的净选项卡上的这种情况下，检查文件是否正确包括在内。

来源

2016-10-10 16:08:08 Troyer

我已经包含它了 –

我的样式表突然不起作用

回答

相关问题