HTML CSS 在一个文件中有效，但在另一个文件中无效[重复]答案

【问题标题】：HTML CSS works in one file but not another [duplicate]HTML CSS 在一个文件中有效，但在另一个文件中无效[重复]
【发布时间】：2016-05-08 14:46:21
【问题描述】：

我是 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>

【问题讨论】：

复制你的代码到 pastebin
并查看您的开发控制台是否有错误
我看到的唯一区别是双引号："para1" != “para1”
您错误示例中的引号是错误的。确保在您的 Mac 上禁用“弯引号”，或使用不会自动替换那些的编辑器iclarified.com/38772/…

标签： html css css-selectors

【解决方案1】：

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

应该改为

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

【讨论】：

谢谢！这解决了它。多么令人愤怒的自动更正。