Question

我是HTML和CSS的新手，遇到了一个令人困惑的问题。我创建了一个非常简单的HTML文件，然后尝试添加一些CSS。我无法获得外部样式表，所以我尝试在内部输入它。我得到了这个工作，但只有基本的元素选择器（它不适用于任何id选择器）。我确信我正在正确输入所有内容，所以我将this example复制并粘贴到一个新的html文件中。它的工作原理应该如此。然后，我打开了一个新文件，并直接输入示例中的内容，自己逐字逐句地输入到新文件中，但它不起作用！我已经无数次地去了它，没有错别字。可能导致这种情况的原因是什么？

有效的代码：

<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
    text-align: center;
    color: red;
}
</style>
</head>
<body>

<p id="para1">My Name</p>
<p>Hi and welcome to my website.</p>

</body>
</html>

代码不起作用：

<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
    text-align: center;
    color: red;
}
</style>
</head>
<body>

<p id=“para1”>My Name</p>
<p>Hi and welcome to my website.</p>

</body>
</html>

Answer 1

<p id=“para1”>My Name</p>

应改为

<p id="para1">My Name</p>

HTML CSS在一个文件中工作但不在另一个文件中

1 个答案: