主体 {background-color} 在外部 css 中不工作？

Question

我无法使用外部样式更改背景颜色 sheet。当我用内部样式 sheet 尝试这个时，它工作得很好。这是代码。

ext1.css
<style>
body{
   background-color: red;
}
ul{
   color:green;
}
:link{
    color:aquamarine;
}
p{
   font-family:"arial";
    font-size:20px;
}
</style>


HTML DOC

<!doctype html>
<html>
<head>
<title> Defining external style sheet</title>
<link href="ext1.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
<li> <a href="#Home">Home</a></li>
<li> <a href="#News">News</a></li>
<li> <a href="#Contact us">Contact</a></li> 
<li> <a href="#About">About</a></li>
</ul>
<p> NOTE: We use href="#" for test links , in real web sites we will use URL's </p>

Answer 1

您的外部 CSS 中不能有 HTML <style> 标签。

您的 CSS 文件应如下所示：

body {
   background-color: red;
}
ul {
   color: green;
}
:link {
   color: aquamarine;
}
p {
   font-family: "arial";
   font-size: 20px;
}

主体 {background-color} 在外部 css 中不工作？

Body {background-color} not working in external css?

html

css

stylesheet

background-color