HTML CSS 在一个文件中有效,但在另一个文件中无效

标签 html css css-selectors

<分区>

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

最佳答案

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

应该改为

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

关于HTML CSS 在一个文件中有效,但在另一个文件中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37101079/

上一篇:javascript - CSS div 标签继承表格行的尺寸

下一篇:css - 在屏幕中间居中 Font Awesome

相关文章:

javascript - 如何用 jQuery 控制 CSS 转换的速度?

html - 两个盒子没有正确放置自己,但另一个盒子可以

python - 如何从表格行中抓取特定单词?

css - instafeed.js next() 函数破坏 CSS 网格

css - 标题 div 高度不包括绝对定位的 div

javascript - 从 HTML 登录过渡到下一屏幕

css - 如何选择同一类的一定数量的连续元素中的最后一个?

python - 使用 Selenium Python 通过值属性查找元素

javascript - getElementById Javascript 不工作?

javascript - 如何只在移动设备上运行jquery代码?