Question

我的style.css文件工作得很好（我在网络浏览器上查看了我的html文件，它看起来就像我想要的那样）但是，过了一段时间，所有的网络浏览器都停止了在style.css文件中的一些代码在几分钟前工作得很好，即使我没有对这些部分做任何改动（特别是那些代码是悬停，访问过的）。我正在使用Audobe Dreamweaver CC，我是HTML和CSS的新手。谢谢！ _______________________________________的style.css ____________________________________

 @charset "utf-8";
 /* CSS Document */
#header{
    text-align: center;
    background-color: blue;
    font-family: Arizonia;
    font-size: 50px;
    color: white;
    padding: 5px;
}
h1{
    text-align: center;
    font-family: calibri;   
    font-size: 36px;
    color: red;
}
ul#nav1 {
    padding: 50px;
    text-align: center;
    list-style-type: none;
}
ul#nav1 li a: link {
    font-family: calibri;
    font-size: 25px;
    color: green;
    text-decoration: none;  
}
ul#nav1 li a: hover{
    color: orange;
    font-size: 50px;
    font-family:jokerman;
}
ul#nav1 li a: active{
    color: red;
}
ul#nav1 li: visited{
    color: white;
}
ul#nav li{
    display: inline;
}
ul#nav {
    padding: 20px;
    list-style-type: ||;
}
ul#nav li a: link {
    text-align: center;
    font-family: calibri;
    font-size: 10px;
    color: green;
    list-style-type: upper-roman;   
}
p.ul#nav li a: hover{
    color: orange;
}
ul#nav li a: active{
    color: red;
}
ul#nav li: visited{
    color: purple;
}
table, th, td {
    align-content:center;
    text-align:center;
    boder-spacing:5px;
    padding:10px;
    border: 3px solid green;
    border-collapse: collapse;
    font-size:20px;
}
.right {
    position:absolute;
    right:80px;
    width:auto;
}

_______________________________________的index.html ____________________________________

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<meta charset="utf-8">
<title>Tự bạch của Trần Minh Triết</title>
</head> 
<body>
<div id="header">
<marquee> Chào mừng đến với trang tự bạch của Trần Minh Triết </marquee>
</div>
<hr/>
<h1>SITEMAP</h1>
<ul id="nav1">
<li><a href="background.html">Trần Minh Triết là ai?</a></li>
<li><a href="milestone.html">Chặng đường tôi đã đi qua</a></li>
<li><a href="gallery.html">Gallery yêu thích của tôi</a></li>
<li><a href="contact.html">Hãy liên lạc với tôi</a></li>
<li><a href="makefriend.html">Tôi rất muốn biết về bạn, bạn nghĩ sao?</a></li>
</ul>
<img src="index/footer.jpg" style="width:1366px;height:auto">
</body>
</html>

Answer 1

你的CSS中有一些语法错误需要修复。链接的具体问题是元素和伪类之间有空格。要修改变化：

ul#nav1 li a: link至ul#nav1 li a:link
ul#nav1 li a: hover至ul#nav1 li:hover
ul#nav1 li a: active至ul#nav1 li:active
ul#nav1 li a: visited至ul#nav1 li:visited

我建议您通过validator运行CSS。例如，list-style-type: ||;无效。

一段时间后，css文件停止工作

1 个答案: